Useful image hover slide effect with jQuery
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…
Css3 tricks animation featured boxes
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…
Photo Zoom Out Effect with jQuery
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…
Simple jquery Drag Controls Oversized Content
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"…
Various Background Patterns With CSS3
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…
Europe clickable map with jQuery
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">…
jquery beautiful responsive portfolio hover gallery
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…
Multiple jQuery Capty Caption Plugin
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'.…
Cool jQuery Nautilus plugin
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",…
jQuery 3D Parallax Background Effect
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…
Rotating hover Image with JQuery
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…
CSS Image Switcher
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…
Jquery and CSS3 Nice Google Plus Photo stack
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…
CSS3 animation, shadows image hover effect
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…
Images Scratch Card Plugin---jQuery Scratchie
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…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu