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
Demikian info singkat, semoga bermanfaat :)
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
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
Loading... |
9 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...