Annisa’s Blog

Disclaimer
Welcome

Follow
Contac

Hello! Welcome to my blog. I hope you like it. Don't forget to leave message in chatbox. If you want to know new post of this blog, please follow me. And don't judge me, if you don't know me. And if I wrong, please tell me. Thanks for visit here xoxo~

Navigation
Check It

Diary
About
Stuff
Friends

Credit
In Behind Blog

Full Template by Annisa Rahmah
Basic code by Azzahra
Image Hover #2
Minggu, 01 November 2015 | 0Blue(s)

 Assalamualaikum Wr.Wb
Welcome November \o/ .
Weh , tumben banget kan gue update awal bulan :v . Ya , menurut gue -apa yang gue baca- supaya banyak visitor blog , selain kita harus blogwalking banyak-banyak , kita juga harus posting hal yang bermanfaat . Tapi yang jadi masalah , gue gak tau hal bermanfaat apa yang harus gue posting //PLAKKK

Okeh gue bakal bagiin tutorial image hover , tapi ini beda sama yang dulu-dulu //ya jelas lah -_-
 Yah , jadi image hover yang ini tuh setiap kita mengarahkan cursor ke image otomatis gambar/image nya menjadi lebih terang . Yak apakah kalian tau hover apa ini ?

Image Hover Opacity / Image Hover Transparent

Nah silahkan ikuti tutorial berikut

Copy kode berikut

img, a img { border: 0px;  opacity: .70; filter: alpha(opacity=100); -o-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; 

For Blogskin / Classic Template 

  • Buka Dashboard >>> Template >>> Edit Template HTML 
  • Paste kode tadi di atas kode </style>
  • Pritinjau lalu simpan
For Denim / Designer Template

  • Buka Dashboard >>> Template >>> Edit HTML 
  • Paste kode tadi di atas kode ]]></b:skin>
  • Pritinjau lalu simpan
Nb :

  • Yang background hijau itu buat border nya kamu bisa edit kalau mau nambahin pakai border , tapi kalau enggak , gausah di apa-apain 
  • Yang pink itu bisa kalian edit ke-transparan-an nya berapa , kalian bisa ubah jadi berapapun kalian mau .-.

Sekian lah :v Semoga bermanfaat
Wassalamualaikum Wr.Wb

QOTD :
Kenapa gue harus dan selalu berurusan sama kucing ? :'v 

Label: , , ,

Posting Komentar

Terimakasih sudah membaca postingan ini.
Bagi yang ingin bertanya, re-post, mengambil freebies. Jangan lupa untuk komentar di bawah^^

xx~


|