Tutorial : Image Hover Melengkung
Assalamualaikum Blogger.
Sekarang nak buad tuto lah pasal Imange Hover Melengkung, Tahu tak ?
Bila cursor sentuh . gambar tuh jadi kelabu pastu jadi melengkung. Cer try sentuh cursor korangg kat gambar kat blog Eykin. Mcm tuh lah. Nak buad tak ? Jum !
Dasboard - Design - Edit HTML - Tick Expand Widget
Tekan Ctrl dgn F serentak ! Seacrh code bawah nie.
/* header
Then, copy code nie and paste dekat
ATAS code
/* header tadi.
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100); -webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px#F535AA; -moz-box-shadow: 0px 0px 20px #F535AA; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#F535AA; border-radius: 50px; -moz-border-radius: 50px;} -moz-opacity:1.0; opacity:1.0; } img:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:.80; } u { text-decoration:underline; border-bottom: 2px dotted #F535AA; padding: 0px; }
BIRU : Warna melengkung image tuh.
Kalau dah buad semue, preview jadi tak.
SAVE :)
Kalau tak jadi tanya lah.
Older Post . Newer Post
Tutorial : Image Hover Melengkung
Assalamualaikum Blogger.
Sekarang nak buad tuto lah pasal Imange Hover Melengkung, Tahu tak ?
Bila cursor sentuh . gambar tuh jadi kelabu pastu jadi melengkung. Cer try sentuh cursor korangg kat gambar kat blog Eykin. Mcm tuh lah. Nak buad tak ? Jum !
Dasboard - Design - Edit HTML - Tick Expand Widget
Tekan Ctrl dgn F serentak ! Seacrh code bawah nie.
/* header
Then, copy code nie and paste dekat
ATAS code
/* header tadi.
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100); -webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px#F535AA; -moz-box-shadow: 0px 0px 20px #F535AA; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#F535AA; border-radius: 50px; -moz-border-radius: 50px;} -moz-opacity:1.0; opacity:1.0; } img:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:.80; } u { text-decoration:underline; border-bottom: 2px dotted #F535AA; padding: 0px; }
BIRU : Warna melengkung image tuh.
Kalau dah buad semue, preview jadi tak.
SAVE :)
Kalau tak jadi tanya lah.
Older Post . Newer Post
About The Little Writers
I want to introducing Me, Myself and My Life.
Name: Nurul Asyikin Binti Bahrin.
Famous as: Eykin.
Birthday: 8 Jun 1996.
Age: 15 years young.
Stay at: Klang Selangor, Malaysia.
Nationality: Malaysian Girl.
Status: Single. Taken by Nurainun Najiha.
Language: English, Malaysian.
Dreams: Wanna be a
Teacher Photoghrapher
Princess lol xD.
School: SAM Nurul Iman Bukit Cherakah Petaling Jaya.
BFF: Nur Mahfuzah, Aizihana, Nur Syahirah, Khaliesah, Nur Syafrafa, Nurul Fatin Najihah, Sheyra Shungal, Husna.
My Huney Shawty: Sayang Nurainun Najiha.
Likes:
- Make a new friendship
- Blogging.
- Spend time with Nurainun Najiha.
- Hang Out with friends.
- Spaghetti, Tomyam, KFC, MCD, Pizza Hut.
- Teh O Ais Limau, Ice Bland.
- Spongebob Squarepants, Doraemon, Conan.
- PINK , Yellow
- Snapshooting
- Taylor Swift, Cody Simpson, Justin Bieber, Demi Lovato, Selena Gomez, Jason Derulo.
- Disney.
Hates:
- Anons, Haters, Copypasters
- Liar
- Slow internet connection
- Messy blog
- Bajet HOT
- Bangga muka lawa sangat yerkkk!
My Shawty Huney Ever
Haiyoooo. Who this? K she is My Lesbooo ;) My Everything! No One Can't Take Her From Me jyeahh!
Her name :
Nurainun Najiha Binti Ahmad Khairan @ Ahmad Khairani.
I love you more than thousands pearl and gold my sayang ;) Please don't leave me. I need you for my life. My life will not completed without you. Even I don't have any sister but you always be my Beloved sister ever. Mmmmmmuuaahhaha!
