Submit your widget
83
Yays

Useful image hover slide effect with jQuery

Views 60684   downloads 8337   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…

82
Yays

Css3 tricks animation featured boxes

Views 31454   downloads 7067   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…

81
Yays

Simple jquery Drag Controls Oversized Content

Views 10768   downloads 1447   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"…

80
Yays

Photo Zoom Out Effect with jQuery

Views 8158   downloads 1284   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

Various Background Patterns With CSS3

Views 10078   downloads 2318   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…

78
Yays

Europe clickable map with jQuery

Views 18412   downloads 3701   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">…

78
Yays

jquery beautiful responsive portfolio hover gallery

Views 40012   downloads 6873   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…

77
Yays

Multiple jQuery Capty Caption Plugin

Views 13899   downloads 2285   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'.…

77
Yays

Cool jQuery Nautilus plugin

Views 18098   downloads 3202   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",…

76
Yays

Rotating hover Image with JQuery

Views 21392   downloads 2397   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…

75
Yays

jQuery 3D Parallax Background Effect

Views 43937   downloads 5774   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

Images Scratch Card Plugin---jQuery Scratchie

Views 15665   downloads 2503   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…

73
Yays

Jquery and CSS3 Nice Google Plus Photo stack

Views 19581   downloads 3534   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…

73
Yays

CSS3 animation, shadows image hover effect

Views 31526   downloads 5706   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…

72
Yays

CSS Image Switcher

Views 8298   downloads 1685   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…