Chào mọi người hôm nay, mình sẽ hướng dẫn mọi người cách tạo hiệu ứng Animation cho blogspot nha.
mọi người có thể xem demo tại đây
các bạn làm như sao:
dán code css vào trước thẻ ]]></b:skin>
.header-main{height:90px}
#logo img{max-height:90px}
#logo{width:150px}
#logo a{position:relative}
#logo a:before,header .logo a:after{content:"";position:absolute;top:0;width:10px;height:110px;transform:translateY(-50%);background-color:rgba(255,255,255,.75)}
#logo a:before{left:-5%;animation:light-left 3s infinite alternate linear}
#logo a:after{right:-5%;animation:light-right 3s infinite alternate linear}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}100%{left:105%;opacity:0}}
@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}100%{right:105%;opacity:0}}
vậy là mình đã hướng dẫn, mọi cách thêm hiệu ứng Animation cho blogspot, cảm ơn mọi người đã ủng hộ
