Sabtu, 21 September 2013

Slide Out or Reveal Effect for Footer Side

slide-out-footerCukup bervariasi nama yang diberikan pada trik satu ini. Beberapa nama tersebut adalah curtain reveal effect, CSS3 slide out footer, scroll to Reveal footer, CSS hidden footer and etc. Agak mirip² dengan trick sticky content! Sesuatu yang tersembunyi akan terlihat jika dilakukan scrolling ke bawah or atas. Pada trick sticky, sesuatu akan berhenti dengan tinggi yg sudah di patok. Sangat kreatif sekali ;)) Dengan berkembangnya bahasa CSS sekarang, banyak memungkinkan pembuatan tirk-trik yg dulu mustahil di buat dapat terealisasi.

Make Slide Out Footer with z-index Trick

Master Martin Angelov dari tutorialzine web telah berkreasi. Cek this one out bro

bit.ly/16gcwly - bit.ly/16gcBpa

Curtain reveal effect using CSS

Master Ryan from thecssninja web created CSS reveal effect.

bit.ly/16gcOJ3 - bit.ly/16gcREO

CSS slide-out footer

Bro orioltf on codepen hes make CSS slide-out footer.

cdpn.io/cHwyu - codepen.io/orioltf/share/zip/cHwyu

Footer Scroll to Reveal

Master David Leininger still on codepen he make it.

cdpn.io/HblqB - codepen.io/davidleininger/share/zip/HblqB

Pure CSS Hidden Footer

Master Howlermiller from TJD web design tell about pretty neat CSS trick hidden footer.

cdpn.io/qazbu - codepen.io/tjacobdesign/share/zip/qazbu

Begitu dan segitulah yang AA temukan trick menyembunyikan bagian footer memakai CSS. Kalau yg pakai jQuery script banyak, jadi males cari bahan²nya juga :D Bonus dari web codepen, links pilihan Master Koben :">

cdpn.io/vetCA - cdpn.io/xIbnz - cdpn.io/ImfCJ - cdpn.io/rKuCg - cdpn.io/gkwzF - cdpn.io/Bimhg - cdpn.io/rnvkG - cdpn.io/cojza - cdpn.io/mtgLK - cdpn.io/yuzvq - cdpn.io/yIcoH - cdpn.io/wklrG - cdpn.io/jmkfK - cdpn.io/epwdH - cdpn.io/qLHAB - cdpn.io/Fdnlz - cdpn.io/dykhL - cdpn.io/ivtmJ - cdpn.io/inluv - cdpn.io/rzynD - cdpn.io/bFAKi - cdpn.io/Aclqr - cdpn.io/GqClv - cdpn.io/bpaxG - cdpn.io/hpltK - cdpn.io/KqCza - cdpn.io/kEuwC - cdpn.io/hjBDb - cdpn.io/jbdFJ - cdpn.io/sugqB

Happy blogging \m/

Tidak ada komentar:

Posting Komentar