With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Related posts

• Polaroid Photo Viewer with CSS3 (0)
• Custom 404 with jQuery (0)
• Background Image Animations (0)
• AD Gallery Plugin (0)
• Zooming Image and Fading Caption (0)

Who doesn’t love motion effects, right? shadows following the motion of movements while in a fighting scene, some of my favorite scenes are from The Matrix, Kung Fu Hustle, etc. I don’t event know how this effect is called, but sure is an awesome effect. The good news is that now-a-days we can create animations and play with them. It’s no an easy task to control distance and motion (the complex the code, the better control). The amazing part is that something like this can be done with 5 lines of jQuery!

Demostration
Demo Page

Tutorial
Tutorial Page

Related posts

• Background Image Animations (0)
• Signin Dropdown Box Likes Twitter (0)
• News Ticker With jQuery (0)
• Moving Tab and Sliding Content (0)
• iPhone-like Sliding Headers (0)

Italy. A beautiful country that my girlfriend and me visited last year during our summer holiday. While we were there, we took a lot of pictures that would look pretty nice on polaroid.

Placing them on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source

Related posts

• The Polaroid Photo Viewer (0)
• background image slideshow (0)
• Sweet AJAX Tabs (0)
• Sliding Menu Background (0)
• Zooming Image and Fading Caption (0)

Demostration
Demo Page

Download
Download Page

Related posts

• Supersized jQuery Plugin (0)
• jQuery Colorbox for WordPress (0)
• FancyBox jQuery Plugin (2)
• ColorBox jQuery Plugin (0)
• Pikachoose jQuery Image Gallery (0)

For one of the projects I’m currently working on with Rareview, we wanted to add a rising hover effect to a set of icon links. Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples:

Tutorial
Tutorial Page

Example
View Demo Page

Download
Download Demo (Zip File)

Related posts

• Sliding Menu Background (0)
• Zooming Image and Fading Caption (0)
• Zoomer Gallery (0)
• Reflection Plugin (0)
• Polaroid Photo Viewer with CSS3 (0)