Subscribe
Follow Us
nice CSS3 and jQuery parallax content slider
30984
7594
we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background…
3D Cube images Slideshow with HTML5
Our new tutorial tells us about creation of animated 3D Cube slideshow (pictures are located within the walls of the cube). The cube itself rotates continuously. Step 1. HTML This is markup of our result…
fc.tape — rotate css-sprites like cinema tape
jQuery widget for sprite animations. Basic usage To embed the widget in your page you need to create a block element with fixed dimensions, equal to your frame size, and background image…
jQuery mouse scroll images slideshow
Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add your own styles, effects and features to…
Awesome html5 and jQuery Free Photography Template
"Vivid Photo” is a modern and elegant Photography Website Template. It is cross browser compatible and created to suit needs of photographers. The template is made using HTML5, jQuery and CSS3…
Cool jQuery animate-on-scroll tooltips effect
In this exampole we try to recreate the intriguing scrolling effect. We’ll start with the html structure : <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />…
Awesome jQuery Camera slideshow plugin
Camera slideshow is an open source project, based on Diapo slideshow ( no more supported, sorry), but improved a lot. You can suggest changes or improvements if you want. You can download it and use for…
super Cool 3D Image Transitions effect
Flux Slider Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin. Instead of the traditional Javascript timer based animations…
Very nice jQuery and CSS3 parallax scrolling
Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery…
Images stack effect with jQuery
JavaScript var jstack = $("#imageBox").jStack({ isClickAnimation: true, isPositionRandom: true, durationOut: 300, durationIn: 200, easingOut: "easeInOutBack", easingIn: "easeOutBounce",…
Awesome jQuery focus figure effect
jQuery focus figure effect. javascript $(function() { var sWidth = $("#focus").width(); var len = $("#focus ul li").length; var index = 0; var picTimer; var btn = "<div…
Pure CSS3 images Slideshow effect
Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers…
Awesome jQuery Image Parallax Effect
Custom jQuery Plugin for Creating Parallax Effect Image Sliders Default options: var options = { autoPlay : 3000,//(mixed) (bool) false to disable, (int) duration to hold between slides in ms speed :…
cool content slider jQuery plugin
Revolver is a new content slider that makes no assumptions about your markup. Think of Revolver as a boilerplate or framework for making your own slider, exactly the way you want it. But don't let…
jQuery browser follows Scroll Path
jQuery Scroll Path is a plugin that lets you define your own custom scroll path. What this means exactly is best understood by checking out the demo. The plugin uses canvas flavored syntax for drawing…
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