Senin, 15 Juli 2013

Make Open / Close Theater Curtains Effect use CSS

Dulu sempat memosting artikel three amazing hover effect for image. Pada point pertama terdapat cara bagaimana membuat Curtain Effect dimana ada 2 buah gambar yang menjadi latar curtain (gorden/tirai) Hanya melakukan sedikit update pada point curtains effect, sekarang full 100% menggunakan atribut CSS3 :) Nama ditambahkan theater biar keren :p Untuk membuka efek tirai tetap mengarahkan (hover) cursor, maka akan terbelalaklah apa yg tersembunyi di dalam tirai! Tengok demo berikut
post-img
Source: cssdeck.com/labs/css3-theater-curtains
Demikian info singkat, semoga bermanfaat :)
Bonus:
cdpn.io/ogAlC, cdpn.io/GyCet, cssdeck.com/labs/full/data-attributes-love-pseudo-elements, csscheckbox.com, vivastart.com/html5-animations, cdpn.io/wIGpj, cdpn.io/Fdnlz, jsdo.it/cx20/qs2p, jsdo.it/mattari_panda/25a7, cloudfour.github.io/hideShowPassword

Tidak ada komentar:

Posting Komentar