Cara Membuat Efek Bayangan Berjalan Bolak- Balik Pada Logo Blog - Hallo sobat blogger, Gimana kabarnya?? pada kesempatan kali ini saya akan membagikan tutorial tentang Cara membuat efek bayangan berjalan bolak balik di logo blog. Untuk demonya sobat bisa melihatnya pada gambar di atas.
Untuk cara memasangnya, sobat bisa menyalin CSS di bawah ini dan tempelkan sebelum kode ]]></b:skin>
/* Effect Logo by Anaz MY ID*/
header #header-inner a{position:relative}
header #header-inner a:before,header #header-inner a:after{content:"";position:absolute;top:50%;width:10px;height:100%;transform:translateY(-50%);background-color:rgba(255,255,255,.75);z-index:999999999}
header #header-inner a:before{left:-5%;animation:light-left 3s infinite alternate linear}
header #header-inner 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}}
Kemudian klik "Simpan" Dan lihat hasilnya.
Demikian artikel dari saya tentang Cara Membuat Efek Bayangan Bolak- Balik di Logo Blog, Semoga artikel yang saya bagikan diatas bermanfaat bagi sobat semua. Terima kasih dan selamat mencoba
Rate This Article
Thanks for reading: Cara Membuat Efek Bayangan Berjalan Bolak- Balik Pada Logo Blog, Sorry, my English is bad:)