Tutorial:Image Hover


Assalamualaikum and annyeonghaseyo.Image hover tu apa?ok cuba halakn cursor korg kt pic kt atas tu.
Nmpak tak gmbar tu berubah jadi lebih terang.Ha! tu la image hover.Tapi tuto ni bagi p'guna blogskin/template classic SAHAJA.

1.Dashboard > Template > Edit HTML
2.Tekan ctrl + f serentak
3.Cari code ni
</style>
4.copy code ni.
/*------ 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; }
5.Paste code tadi dkt atas  </style>
6.Preview & save.

16 comment [s]:

Syahidae said...

hai.thank u untk tuto ni ^^

atiqahjaidin said...

@ ELFKissme Luv : Hai..most welcum ;)

iyka said...

thanks for this tuto...

atiqahjaidin said...

@iyka : ur welcome :)

myra said...

tq sbb adekan tuto ni..hehee

atiqahjaidin said...

@myra: welcome :)

※ Najia Idrina ※ said...

Ya Allah, terima kasih sis. Dah lama cari tuto ni. Sblum check tuto ni ad request kat sis. Tp da jumpa da so tak pe lah. Terima Kasih banyak2. Finally, Jadi jugakkk :*

atiqahjaidin said...

@※ Najia Idrina ※ : Alhamdulillah. jumpa juga :))
sama-sama.. ^^

Anonymous said...

time kasih kak!caaaayang akk...muahh!! xD

atiqahjaidin said...

@Scha sooyoung: LOL..welcome :)

humairashekhahmad said...

thanks :)

Balqis Al-Hawariy said...

tq . sye gune tuto nih .

{daniyoon} said...

thanks for the tutor .

Anonymous said...

ada code lain tak selain style ? sebab saya try tak menjadi la

Unknown said...

waalaikumsalam wr. akak, makasih ye ^^

Fatin Nabila said...

tq, jdi dh