Effect Hover di CSS

Bagaimana cara agar effect hover yang saya buat keluar secara perlahan, seperti animasi, pada tag div block ?

avatar RizkyWahyu
@RizkyWahyu

14 Kontribusi 3 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

Pada setiap tag yang ingin di hover, tambahkan properti ini

transition: {style} {lama transisi} {jenis transisi}

Contoh:

a {
   transition: all .25s linear;
}
   a:hover {
      color: rgba( #ff9900, .5);
   }

Selengkapnya, lihat disini: http://www.w3schools.com/css/css3_transitions.asp

Perlu di ingat, properti ini merupakan properti CSS3, jadi harus browser yang mendukung CSS3. Setau ane, semua browser yang terbaru sekarang sudah dukung sih... CMIIW

avatar nurimansyah
@nurimansyah

98 Kontribusi 87 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban