CSS Fade-In dan Fade-Out

Assalamu'alaikum Wr.Wb.

CSS Fade-In dan Fade-Out share posting Go Blog Go kali ini yang akan ditampilkan masih berkutat tentang CSS. Mungkin Mojang dan Bujang sudah pada tau fungsi elemen Fade-in dan Fade-out ini, Saya hanya sekedar sharing aja terutama mengenai Efek yang dihasilkan terhadap suatu objek misal-nya Photo/Image karena kedua elemen tersebut menghasilkan Efek yang berkebalikan.

Efek Fade-In CSS

.fade-in {
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
-o-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
opacity:0.2;
}

.fade-in:hover {
opacity:1;
}

Efek Fade-Out CSS

.fade-out {
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
-o-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

.fade-out:hover {
opacity:0.2;
}

Singkat aja share postingan-nya, kalo panjang ntar membosankan. Go Blog Go...!!! Amiin

Wassalam,