A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.
It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
Avgrund is a modal concept which aims to give a sense of depth between the page and modal layers. Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.
jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.
Fit.js has a very simple purpose and that is to help you fit things into other things.
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.
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.
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.
Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.
Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.
Panzoom is a progressive plugin to create panning and zooming functionality for an element.
Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can beanything: an image, a video, an iframe, a canvas, text, whatever.
oriDomi has touch support and works on iOS.
There are multiple effects provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.
jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.
jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use
jQuery.animate() between different sets of arguments for those transform functions.
Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.
There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.
3D Image Gallery Room is an experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial you ll learn how to displaying portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.