Fade Efek Sederhana dengan CSS

Update-Kali ini saya berbagi cara membuat fade efek sederhana pada tulisan dan gambar. Efek ini akan membuat gradasi pergantian gelap terang pada tulisan dan gambar, sehingga menambah daya tarik tersendiri untuk artikel anda. Sekarang mari kita bahas cara membuat fade efek sederhana dengan jquery. Ikuti langkah berikut.

Log in ke blogger
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode ]]></b:skin>

.blogonol-fade{opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}
.blogonol-fade:hover{opacity:0.5}

Selanjutnya pergunakan kode di bawah ini untuk memberikan fade efek pada tulisan atau gambar di artikel saudara.

kode untuk tulisan
<div class="blogonol-fade">
MASUKKAN TULISAN DI SINI
</div>

kode untuk gambar
<img src="MASUKKAN KODE GAMBAR DI SINI" alt="" width="200" height="150" class="blogonol-fade" />

Contohnya seperti di bawah ini

BLOGONOL | BLOGGER TUTORIAL

Demikian tutorial cara membuat fade efek dengan css. Semoga bermanfaat. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"