Submit your widget
81
Yays

Useful image hover slide effect with jQuery

Views 60539   downloads 8294   Image Effects

This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an…

81
Yays

Css3 tricks animation featured boxes

Views 31288   downloads 7013   Image Effects

we will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. We will take advantage of the CSS3 custom animations and create a set of our own animations. I…

80
Yays

Photo Zoom Out Effect with jQuery

Views 8092   downloads 1253   Image Effects

This is a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography…

80
Yays

Simple jquery Drag Controls Oversized Content

Views 10706   downloads 1414   Image Effects

When layout constraints bump up against the need for large images, finding a quality solution can be difficult. Mospromstroy  uses a creative technique to handle this situation: a "drag and drop"…

79
Yays

Various Background Patterns With CSS3

Views 10011   downloads 2292   Image Effects

we’re very familiar with CSS3 gradients by now,today,we'll use CSS3 gradients  to create many kinds of commonly needed patterns, including checkered patterns, stripes and more. he main idea…

77
Yays

Europe clickable map with jQuery

Views 18322   downloads 3673   Image Effects

Warning! Basic knowledge of HTML/xHTML, CSS and JavaScript is required for proper installation and editing the map. Paste the following list to your HTML/xHTML code: <div id="map-eu">…

77
Yays

jquery beautiful responsive portfolio hover gallery

Views 39894   downloads 6829   Image Effects

we are going to show you, creating a beautiful responsive portfolio gallery with jquery mouse hover effect. On mouse over each images you see animation background transparency and two permalinks will…

76
Yays

Multiple jQuery Capty Caption Plugin

Views 13846   downloads 2256   Image Effects

jQuery Capty is a plugin jQuery Capty is a plugin that creates captions over the images. Default options: animation:    'slide' The captions animation type: 'slide', 'fade' or 'fixed'.…

76
Yays

Cool jQuery Nautilus plugin

Views 18015   downloads 3169   Image Effects

Nautilus is a jQuery plug-in based on Google's Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see "under the sea",…

74
Yays

jQuery 3D Parallax Background Effect

Views 43835   downloads 5738   Image Effects

The HTML Our page will consist of 6 sections: header, footer and 4 articles. On the right, we’ll place an unordered list that links between the articles and remains fixed on the page so it doesn’t…

73
Yays

Rotating hover Image with JQuery

Views 21296   downloads 2357   Image Effects

Creating a jquery plugin is easier than it sound, first time I heard about creating 3rd party plugin sounds scary, maybe need more deeper understanding about the platform, but not in jquery. Well I just…

72
Yays

CSS Image Switcher

Views 8228   downloads 1656   Image Effects

Roll over a link, watch the image above change. That’s what we build in this screencast, only we don’t use any JavaScript to do it. The trick is some simple z-index switching on hover and…

72
Yays

Jquery and CSS3 Nice Google Plus Photo stack

Views 19509   downloads 3498   Image Effects

If you are using Google Plus then you must have noticed the photo stack effect when you view your own album or someone else album. The HTML Part The first step will be to create our html page to place…

72
Yays

CSS3 animation, shadows image hover effect

Views 31334   downloads 5654   Image Effects

A sleek image gallery that takes advantage of CSS3 animation, shadows, and the “transform” property to instantly add a smooth hover effect to its images, whereby the image enlarges and moves…

71
Yays

Images Scratch Card Plugin---jQuery Scratchie

Views 15598   downloads 2471   Image Effects

Don't support IE This is a fully-customizable scratchcard plugin Define a background image and an overlay image or color and clicking and click or just drag the mouse over the overlay to reveal the…