Tutorial : Melengkungkan gambar bile kite letak cursor


Heyy. Kali neh aku nak ajar korang buat melengkungkan gambar bile kite letak cursor. Sys mya ade tanya dekat aku macam mane ek bile kite letak cursor kite dekat picture tuh nanti dia jadi melengkung. Kalau tak paham jugak boleh tengok gambar dekat bawah :)








  Nampak tak dea melengkung. Kalau dah nampak, let's start !.



1. log in blog => design => edit html

2. Tekan CTRL + F then cari code dekat bawah neh.

a img {
3. Dah jumpe. Kalau dah jumpe bagos :) Copy code dekat bawah neh

-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FA58AC; -moz-box-shadow: 0px 0px 20px #FA58AC; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px dashed #FA58AC; border-radius: 30px; -moz-border-radius: 30px;}

Dashed tuh boleh tuka : solid dengan dotted
Warna mera bole tukar dengan colour anda suka :) 


4. Paste dekat sebelah a img {

5. D-O-N-E-!


Credit : Afyq

Dah buat tuto neh. Dah tak reti-reti lagi nak komen.



31 ♥ (s):

afyq azwan said...
This comment has been removed by a blog administrator.
afyq azwan said...
This comment has been removed by a blog administrator.
Anonymous said...

thanks adkk . hee adk , why sys ta jmpe code 'a img { ' toh ?

afyq azwan said...
This comment has been removed by a blog administrator.
ツTyra ツ said...
This comment has been removed by the author.
ツTyra ツ said...

@Nur Amira

tak jumpe ?. :\ akq gne ape ?. template desiger ke template classic ?

Anonymous said...

dh curi..tq so much my dear :p

ツTyra ツ said...
This comment has been removed by the author.
ツTyra ツ said...

@kasihkuamiera

wc dear xD

mira azman said...

Thankyou awak :) Ehh awak , nape tak jumpa code a img { tuu ?

ツTyra ツ said...

@mira azman

haa ?. camne bole tak jumpe ? :\ cube awk cri btol btol:)

mira azman said...

Dah dahh. Tak jumpee pon. --' Yang banyak jumpa img je.

ツTyra ツ said...

@mira azman

awk gne ape ?. template designer ?

TRIPLE S ♥ said...

nape tak jumpe yang a img { tuh ?

ツTyra ツ said...

@TRIPLE S ♥

err, sys cam neh laa. sye bwdkan jea laa :)

Nur Syafiqah bt Zulkifly Bin Mohamad said...

SAYE TAK JUMPA !! hua !!

ツTyra ツ said...

@Nur SyafiQaH ZulkiflY

cube awk cri img jea

nabilameera said...

sy pun xjmpe.. mcm mne eh .. tlg bwat kn blh ? hehe ;D

ツTyra ツ said...

@nabilameera

bole. awk add sye dkt fb :) inbox aww

mira azman said...

template designer

//rabiatul said...

ap name fb? nuc kce email ngan pw blog ny :DD tlog buadd kann bole ? pleass

ツTyra ツ said...

@mira azman

saya pon gne TD jugak. apa pasal tak bole :/ myb , awak salah letak kott

ツTyra ツ said...

@rabiatul !

athirah_2212@yahoo.com

Nur Sabrina ヅ said...

kite x jmpe laa code tue . kte gune template designer . mcm nyy ek ? tolong buat knn bole ?

ツTyra ツ said...

@nur sabrina

bole sesgt :3

Nadhirah said...

thanks :D

ツTyra ツ said...

@HAEDRA

wc :)

sayunk kamo said...

knp saia x ley nk copy??

ツTyra ツ said...

@sayunk kamo

disable right click :P tekan ctrl C untuk copy (:

FaRrah AsYiqyn ♥ said...

tq sebab ajar , btw nice blog . follow me back . ^_^

ツTyra ツ said...

@farrah asyiqin

welcome :D