Learn how to create a faux 3D effect with jQuery.


Over the past month I’ve been digging deeper into jQuery. Javascript was previously uncharted waters for me, but after reading Nick La’s stellar introduction to jQuery the language didn’t seem so intimidating. jQuery’s main advantage as a Javascript library is how well it fits in with HTML and CSS. Looking at the code, it’s all basically HTML elements and CSS attributes – very inviting. The above big is a proof-of-concept that I’m playing with for my portfolio. By layering boxes one above another, you get this simple 3D effect. I like how you don’t notice it until it moves around.
jQuery faux-3D effect Web Site
jQuery faux-3D effect Demo
jQuery faux-3D effect Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>