Dini`s Serendipity

19 | CE | UMPahang.
Beautiful things need some time and patience to achieve it.

Status Updated

Allah`s plan is better than us

© Skin by Atiqah Jaidin inspired by Myra. Image from 동 방. Big Helped from o o o o o. Full edit templete by Nurhuda Dini
Best View at GOOGLE CHROME!

Tutorial : Image hover effect I

Tuesday 28 February 2012 | 0 inspirit [s]

Anyeong , assalamualaikum dan selamat sejahtera .
tutorial ini dikhaskan untuk pengguna blogskin sahaja . kalau korang guna denim , simple or minima templetes huda sediakan tutorial lain . let`s started .

this code dari gambar kabur ke gambar terang .
1. dashbord > templetes > edit html .
2 . . then search code ini : </style>.
3 . then copy code bawah ini diatas code </body> tadi tu ..

img{
opacity: .70;
-webkit-transition: 1.4s;
-moz-transition: 1.4s;
border-radius:10px;}

img : hover{
border-radius:30px;
-webkit-transition: 1.4s;
-moz-transition: 1.4s;
opacity: 100.0; }

4 . preview before saved .

Notakaki : if korang already ade code img{ just gantikan code itu dengan code diatas .