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.
A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.
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.
A framework for easily creating beautiful presentations using HTML. reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export,speaker notes and a JavaScript API.
It's best viewed in a browser with support for CSS 3D transforms butfallbacks are available to make sure your presentation can still be viewed elsewhere.
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
Wallop Slider is a simple slider with its transitions controlled via CSS.
Progress.js is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
