#mayyoulike{height:41px;line-height:41px;background:#fff;margin:0 auto 15px}
.mayyoulike-text{background:#7596c8;line-height:39px;float:left;font-size:17px;padding:0 15px;color:#FFF;position:relative;margin-right:25px;border-radius: 3px 0 0 3px}
.mayyoulike-text:after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #46a28d;position:absolute;right:-20px;top:0;content:"";display:block;border-left-color:#7596c8}
#mayyoulike a{color: #333;transition: .3s;overflow:hidden}
#mayyoulike a:hover{color: #7596c8;}
#mayyoulike img{float: right;width: 35px;padding-right:5px;}
#mayyoulike{box-sizing:border-box;background:#fff;box-shadow:0 0 12px rgba(0,0,0,0.1);border:1px solid #d5d5d5;border-radius:3px}
@media (max-width:650px){#mayyoulike{display:none}}
.scroller {height: 40px;line-height: 40px;float: left;margin-left: 7px;overflow:hidden;display:inline-block}
.scroller span{display:block;font-size:18px;overflow:hidden}
.scroller .inner {animation: scroll 10s infinite ease-out;}
@keyframes scroll {
10% {margin-top: 10px}
30% {margin-top: 40px}
40% {margin-top: -40px}
60% {margin-top: -30px}
70% {margin-top: -80px}
90% {margin-top: -90px}
100% {margin-top: 0px}}
2 nhận xét
Tulis nhận xétss
Reply1
Reply