docsify-share
Version:
Docsify Share library
1 lines • 1.11 kB
CSS
@import url(https://fonts.googleapis.com/css?family=Lato);.animated{font-size:20px}.btn-share{--btn-inner-color:#E6E9ED;--btn-fab-color:#1F1E1E;--icon-color:#1c1d2a;position:relative;display:flex;font-size:100%;font-family:Lato,sans-serif;color:#fff;letter-spacing:2px;background:#fff;border:none;border-radius:80px;outline:0;cursor:pointer;overflow:hidden;transform:rotate(0);transition:.2s ease-in-out;position:fixed;right:20px;bottom:20px}.btn-share .btn-fab{position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--btn-fab-color);border-radius:inherit;transition:.6s linear}.btn-share a{padding:10px;color:var(--icon-color);opacity:0;transform:translateX(-100%);transition:.3s}.btn-share a:nth-child(1){transition-delay:1s}.btn-share a:nth-child(2){transition-delay:.8s}.btn-share a:nth-child(3){transition-delay:.6s}.btn-share a:nth-child(4){transition-delay:.4s}.btn-share:hover{transform:scale(1.1)}.btn-share:hover .btn-fab{transform:translateX(-100%);transition-delay:.25s}.btn-share:hover a{opacity:1;transform:translateX(0)}