Navigation : touch hover image

Diaries Boss Sold Sale Stuff
hello peeps ! welcome to superb blog. i'm awesome . me is i'm . kbye . hope enjoy!

 Pause if don't want hear

Footprints Here!

 No Harsh word here!
  Please don't leave your churp churp link , nuffnang link , hearbeat link or etc
Please check HERE first! it's easy to me follow back!
 Tell me if you done follow me
 Tell me if you wanna Exchange link with me
  Tell me if you have any problem
  You also can request tuto

Help Me click ?

Followers Here!

Past is Past

  • Back to Top di Blogskin
  • Check harga blog
  • Buat Blockquote di Blogskin
  • Change to Blogskin and Basic Code
  • Letak Button Follow and Dashboard di Blogskin
  • Disable Right Click for Blogskin
  • Add Older Post and Newer Post for Blogskin
  • CTRL C ,V and X
  • penat :(
  • Image Hover di Blogskin
  • Million Thanks!

    basecode: Nurul AtiQah
    Edit by: SitiSyuhadah
    Re-Edited By: Aishah Sulaiman's
    Others: Daddy Google Chrome!

    Image Hover with Shadow di Blogskin

    Hi and Assalammualaikum korang , harini shaa ade buat tutorial sikit . ni pasal blockquote . gambar bawah ni sebelum dan selepas cursor sentuh gambar . malas cakap banyak . kalau nak jom ikut step shaa .


    • first step , tekan CTRL + F/F3 kat keyboard . pastu search code bawah ni; 
    • kalau tak jumpa code tu img;hover{ , cari code bawah ni;
    • kalau dah jumpa good! next , copy code bawah ni and pastekan BAWAH code dicari tadi tu *yang guna code img;hover{ sahaja*
    • kalau sesiapa yang guna code </head> jangan risau , korang pastekan je ATAS code </head> tadi . faham kan ? okey good!
    /*------ 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 #000000; -moz-box-shadow: 0px 0px 20px #000000; -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 #000000; 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 #ff0080;padding: 0px;}
    MERAH : warna hover . cari SINI!

    • kalau dah siap , preview . kalau tak de masalah , terus Save k :) bye