An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.
FerroSlider is a free, simple, powerful, responsive and customizable jQuery sliding plugin powered by HTML5 and CSS3.
Organize any type of content, such as images, text, pages, lists and so on. You can use it as a sliding gallery or as slider for a one-page-website.
Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.
The current release uses jQuery UI to set its transition effects.
Impulse Slider is a 3D image slider jQuery plugin that takes advantage of the power of CSS3 transforms and jQuery. The goal is that anyone can simply include it in a HTML page without having to code.
Features
OWL Carousel is touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
Features:
S Gallery makes use of HTML5's FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.
elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.
Loda Button jQuery plugin that animates the button icon with CCS3 when loading data from the server.
The animation is created using CSS3's animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.
Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.
Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.
Animelt is a jQuery plugin that allows you to run complex animations on your web page.
A tutorial about how to create a simple, but very stylish vertical menu using some CSS3, jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!
Nice tutorial about How to Make a Digital Clock with jQuery and CSS3. Soon functionality for setting alarms and playing them back with HTML5 audio ll be add.
In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.
Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.
Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
