06 Juni 2013

Image Hover Blur Jadi Terang


Hover Image to PREVIEW

Req. dari ask.fm.  "gimana sih caranya buat gambar tadinya buram jadi jelas jika terkena kursor?"
Someone tanpa username bertanya begitu, maaf baru aja buat karena ada kesibukan xD

Steps


  • Edit html
  • Tekan F3,  cari kode img{
  • Copy code di bawah ini
opacity:0.6;-moz-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  • Paste di bawah code img{
  • Cari code img:hover{
  • Copy code di bawah ini lagi
opacity:20;-moz-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  • Paste di bawah code img:hover{
  • Preview
  • Done

Ask me if not understand :)


2 komentar:

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-