Image hover part 2
Hello~! Image hover part 2 kali ini akan membuat gambar yang semula terang keputih-putihan menjadi gelap seperti gambar yang sebenarnya.
Step 1.
Pergi Log in > Template > Edit HTML.
Cari kode ini. </style>
Step 2.
Ketemu? Kalau sudah, copy kode ini.
/*------ IMAGE ANIMATION------*/img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }
Paste di ATAS kode </style>
Step 3.
Preview, lalu save.
Image hover part 2
Hello~! Image hover part 2 kali ini akan membuat gambar yang semula terang keputih-putihan menjadi gelap seperti gambar yang sebenarnya.
Step 1.
Pergi Log in > Template > Edit HTML.
Cari kode ini. </style>
Step 2.
Ketemu? Kalau sudah, copy kode ini.
/*------ IMAGE ANIMATION------*/img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }
Paste di ATAS kode </style>
Step 3.
Preview, lalu save.