Animated css boxes are can be used for multiple purposes, for example notifications, beauty and general use. There are six different animations used with great care in order to maintain awesome interface.
A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
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.
Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.
Simple jQuery CSS3 slider which is simple to use and supports every browser! (IE7+)
Some inspiration for styling a custom version of the select element. There are many possibilities and ideas of how to let the user select a choice in style.
It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. There are 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.
Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.
CSS3 Animate It is a lightweight plugin to animate elements on to the page when they come into view.
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
OWL Carousel 2 is a fully responsive and touch friendly carousel for jQuery/Zepto.
waitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.
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.
stroll.js is a collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.