Subscribe
Follow Us
Multiple CSS3 Image Styles
24435
4734
When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can…
Cool jQuery images Filters effect
Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that. JavaScript $('.filters').filters({…
Awesome jQuery image Swish Zoom Hover Effect
With this plugin you can add a zoom style effect to your images on hover, also you can add an overlay to it (What you tend to see on a lot of themes with lightboxes). You can also adjust all the settings…
Images Color Thief with jQuery
Ever wanted to grab the dominant color or color palette from an image?… Probably not. But now you can! Usecase #1: Color Search This script could be useful for sites that sort and search by color.…
jQuery images Interactive and Filterable Plugin
The plugin is configurable to work with just about any markup. Filters <ul id="portfolio-filter"> <li><a href="#all">All</a> </li> <li><a rel="design"…
Animation Slide Drop Captions Plugin with jQuery
drop captions takes an image’s title attribute and converts it into a caption that appears only when the mouse is moved over the image. This allows me to maintain a clean look to the site, while…
jQuery Custom Change background effect
jQuery can be extremely useful for you if you want to beautify your web app. jQuery provide a number of simple ways to dynamically change the design of your web page. Here is a simple script that shows…
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",…
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…
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…
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…
Responsive Image Sizes At Different Resolutions
An Experiment with Mobile-First Images that Scale Responsively & Responsibly What is this? The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize…
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…
jQuery useful preload image effect
The idea is to preload an image first to browser cache, then display it when completely loaded using jQuery. We can also make it more presentable to viewers by adding a fade in effect after we preload…
Beautiful jQuery Parallax effect
the parallax script . It’s called in a more jQuery like manner now and has a couple of useful options for inverting the movement and changing the unit of measurement to any jQuery/CSS supported…
Tags
accordion accordion menu animation navigation animation navigation menu buttons carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form 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