Submit your widget
182
Yays

Popout Details on Hover CSS3

  Views 61340   downloads 20870   Image Effects

HTML The columns are made up of unordered list items, within each list item is the thumbnail image and the details of the item wrapped in a class of "info". <ul class="columns"> <li> <a…

140
Yays

jCaption: jQuery Image Captions with Customizable Markup, Style and Animation

  Views 11792   downloads 1969   Image Effects

jCaption is a jQuery plugin designed to make adding captions to a page dead simple. It takes an image element and uses one of its attributes to build the markup for a caption. It allows for both arbitrary…

137
Yays

Color Changing Text and Backgrounds w/ jQuery

  Views 15916   downloads 2413   Image Effects

Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able…

160
Yays

New jQuery plugin: “Fly Off Page”

  Views 17366   downloads 2081   Image Effects

There is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options…

156
Yays

AnythingZoomer jQuery Plugin

  Views 16472   downloads 3597   Image Effects

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate…

156
Yays

Animated background image with jQuery

  Views 20264   downloads 3141   Image Effects

In this example, we are going to create a basic web page layout which includes a super cool animated background image, using jQuery. Let’s do it 1. The first step of this tutorial is to download…

146
Yays

Easy Display Switch with CSS and jQuery

  Views 28449   downloads 3267   Image Effects

This is a simple way to allow your users to switch page layouts by using CSS and jQuery. Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change…

134
Yays

Sexy Image Hover Effects using CSS3

  Views 48516   downloads 12262   Image Effects

In this example I am going to show to How to create a sexy css effect on image hover.This kinda effect you have seen before in Flash or in javascript as well.But why use Flash or js when CSS can do the…

159
Yays

CSS Swap Hover Effect

  Views 22201   downloads 3464   Image Effects

It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with…

129
Yays

The Wire Tumblr in Realtime-alike jQuery

  Views 19680   downloads 2603   Image Effects

we’ll try to discuss how to make an image walking like in “The Wire Tumblr in Realtime”. Actually, that image walking makes use of a very simple technic; the script automatically prepends…

138
Yays

Simple Flip Puzzle Effect like Apple with jQuery

  Views 16196   downloads 2131   Image Effects

Gradient and Flipping Technique I said that the advertisement makes use of puzzle paper effect. In order to create this effect, we give a lighting from certain angle to each block layer that we stacked…

200
Yays

Thumbnail Effect With Zoom And Sliding Captions(jQuery )

  Views 33365   downloads 5349   Image Effects

This time with zoom and sliding caption. HTML <!-- start thumbnailWrapper div --> <div class='thumbnailWrapper'> <ul> <li> <a href='#'><img src='images/1.jpg' /></a>…

150
Yays

Sliding door effect with JQuery

  Views 17451   downloads 2704   Image Effects

HTML   <div class='box_container'> <img class='box_image' src='img.jpg' style='width:300px'/> Just some dummy text. </div> <div class='clear'></div>     The…

165
Yays

Image splitting effect with CSS and JQuery

  Views 16812   downloads 2523   Image Effects

we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing…

163
Yays

Hoverbox Image Gallery

  Views 36099   downloads 6202   Image Effects

It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with. While my example page only has # linked to, this could easily…