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 mencobanya di blog masing-masing.
Untuk cara memasangnya, Sobat bisa menyalin CSS di bawah ini dan tempelkan sebelum kode ]]></b:skin>
/* Effect Logo by AnazBiz.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
Posting Komentar