1 line
6.5 KiB
CSS
1 line
6.5 KiB
CSS
|
.link--mallki{font-weight:800;color:#4dd9d5;font-family:Dosis,sans-serif;-webkit-transition:color .5s .25s;transition:color .5s .25s;overflow:hidden;position:relative;display:inline-block;line-height:1;outline:none;text-decoration:none}.link--mallki:hover{-webkit-transition:none;transition:none;color:transparent}.link--mallki:before{content:"";width:100%;height:6px;margin:-3px 0 0 0;background:#3888fa;position:absolute;left:0;top:50%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.link--mallki:hover:before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.link--mallki span{position:absolute;height:50%;width:100%;left:0;top:0;overflow:hidden}.link--mallki span:before{content:attr(data-letters);color:red;position:absolute;left:0;width:100%;color:#3888fa;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.link--mallki span:nth-child(2){top:50%}.link--mallki span:first-child:before{top:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.link--mallki span:nth-child(2):before{bottom:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.link--mallki:hover span:before{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.share-dropdown-menu{width:250px;position:relative;z-index:1;height:auto!important}.share-dropdown-menu-title{width:100%;display:block;cursor:pointer;background:#000;color:#fff;height:60px;line-height:60px;font-size:20px;text-align:center;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0)}.share-dropdown-menu-wrapper{position:relative}.share-dropdown-menu-item{text-align:center;position:absolute;width:100%;background:#e0e0e0;color:#000;line-height:60px;height:60px;cursor:pointer;font-size:18px;overflow:hidden;opacity:1;-webkit-transition:-webkit-transform .28s ease;transition:-webkit-transform .28s ease;transition:transform .28s ease;transition:transform .28s ease,-webkit-transform .28s ease}.share-dropdown-menu-item:hover{background:#000;color:#fff}.share-dropdown-menu-item:first-of-type{-webkit-transition-delay:.1s;transition-delay:.1s}.share-dropdown-menu-item:first-of-type,.share-dropdown-menu-item:nth-of-type(2){z-index:-1;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}.share-dropdown-menu-item:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}.share-dropdown-menu-item:nth-of-type(3){-webkit-transition-delay:.3s;transition-delay:.3s}.share-dropdown-menu-item:nth-of-type(3),.share-dropdown-menu-item:nth-of-type(4){z-index:-1;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}.share-dropdown-menu-item:nth-of-type(4){-webkit-transition-delay:.4s;transition-delay:.4s}.share-dropdown-menu-item:nth-of-type(5){-webkit-transition-delay:.5s;transition-delay:.5s}.share-dropdown-menu-item:nth-of-type(5),.share-dropdown-menu-item:nth-of-type(6){z-index:-1;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}.share-dropdown-menu-item:nth-of-type(6){-webkit-transition-delay:.6s;transition-delay:.6s}.share-dropdown-menu-item:nth-of-type(7){-webkit-transition-delay:.7s;transition-delay:.7s}.share-dropdown-menu-item:nth-of-type(7),.share-dropdown-menu-item:nth-of-type(8){z-index:-1;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}.share-dropdown-menu-item:nth-of-type(8){-webkit-transition-delay:.8s;transition-delay:.8s}.share-dropdown-menu-item:nth-of-type(9){z-index:-1;-webkit-transition-delay:.9s;transition-delay:.9s;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}.share-dro
|