Discover Top Posts Tagged with #animated css

Popular Recent

Transition css animation explained

Watch this tutorial blog on how to make css transition on element properties....

#css3 #css transitions #animation #animated css #css3 animation #html #tutorial #how to make css3 animation

Noo Capulus - A Multi Purposes Coffee Style Theme

Noo Capulus – A Multi Purposes Coffee Style Theme

Features

100% Responsive & Retina ready

Compatible with Joomla 3.x

Awesome Joomla extensions built-in

Animate CSS integrated

Built with Bootstrap, HTML5 & CSS3

Gentle & peaceful theme colours

Revolution slider integrated (worth $25)

Fully integrated with social network (FB, Twitter, G+…) and location finder plugin

Slick & Professional Layout

Creatively designed Menu page

Fully equipped feature…

View On WordPress

#animated css #bootstrap #cafe #coffee #joomla #menu #multi-purpose #parallax #responsive #restaurant #revolution slider #smoothscroll

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/animated-css-boxes/

Animated CSS Boxes

Download Demo

Animated css boxes are extremely user friendly and can be used for multiple purposes, for example notifications, beauty and general use. Free icons from Font Awesome has been used along with jQuery. There are six different animations used with great care in order to maintain awesome interface.

1. INCLUDE CSS AND JS FILES

In order to work properly, a file boxes.css must be included. Now user has choice to add one of the following classes on hover, click or any other event. These are bounce, rubberBand, swing, rotateInDownLeft, zoomIn and fadeInLeft.

2. HTML

3. JAVASCRIPT

$(function() $("#one").addClass('animated bounce'); );

Changing the class “bounce” to any of other mentioned class will change animation style.