Category Archives: CSS3

jQuery plugin to manage animations with Animate.css

janiamate

Do not know Animate.css? If you’re new to the wonderful world of Animate.css, I highly recommend you visit this link, to see what you can do with Animate.css.

Read More Demo

CSS3 animations with HTML5 data-attributes

css3animationwithhtml5.png

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

jquery.parallax-scroll : Smooth parallax effect on vertical page scrolling

parallaxscroll

Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.

Read More Demo

Pure CSS loading animations with Loaders.css

css3animation

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

A simple CSS tooltip made with Sass : Simptip

simptip

A simple CSS tooltip made with Sass.

Read More Demo

Animated Dropdown Mega Menu

megamenu

An Animated Dropdown Mega Menu that uses Animate CSS/HoverIntent with CSS only fallback

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