N|A|N Tuto

[close]

D'Boss!

Entries About Linkies

Awesemo Followers!

Contact Me!

Facebooking: AliaNajihah Twitter: N|A|N™ FirstBlog: N|A|N
Any Ask: Ask Me

Exchanged Banner

Much Love From : Alia Najihah

*Let's exchange banner with me ! :)

Credits!

Template: Nurul AtiQah
Basecodes: Ainabillah Shafie
Others: ♥ ♥ ♥

Older Post | Newer Post

Tutorial : Image Hover Part 3

Assalamualaikum and annyeonghaseyo semuaa. Tuto kali ni adalah berkaitan dengan image hover. Image hover yang ini akan mula membesar apabila disentuh. Senang cerita dapat zoom la. Hehe. Kalau tak faham apa yang alia bebelkan ni. Jom cuba.

Classic Template/Blogskin users

1. Dashboard > Template

2. Tekan Ctrl +f dan cari code </style>

Template Designer Users

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tekan Ctrl+f dan cari code /* Header

3. Sekarang copy code dekat bawah ni

img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

4. Lepas tu paste di atas code </style> or /* Header
5. Preview & save

0 Comments:

Post a Comment