CSS3 animations with HTML5 data-attributes

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes. Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element Read More Demo

Pure CSS loading animations with Loaders.css

CSS loading animations A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. Read More Demo

Menu to cross icon With JQuery and CSS3

The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> ✖ ) . Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd ! Demo Read More

Useful Gallery.js : Pinboard Gallery

This content gallery loads content gradually with AJAX and uses CSS3 transitions for the animation and positioning. The optional web service providing content based on PHP , but the concept is easily be reproduced in other languages ​​. Demo Read More

CSS3 library for making Microsoft-metro themed buttons

Inspired by Microsoft’s Modern Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I’ve built a very small, simple and clean CSS3 library to deal with my problem. Demo Read More

CSS3 Social Sign-in Buttons with icons

CSS3 Social Sign-in Buttons with icons. Small and large sizes. To create the default sign-in button, add a class of btn-auth and btn-[service](where [service]is one of the supported social sign-in services) to any appropriate element (most likely an anchor). Demo Read More