css 3 animation demo

welcome to top 10 solutionsbody{ font-size:18px; color:#FFF; } a { color:#FFF} .classname { border:solid 1px #2d2d2d; text-align:center; background:#575757; padding:100px 50px 100px 50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /* =Your Generated css |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ .classname {-webkit-animation: cssAnimation 0.5299s 2 ease-out;-moz-animation: cssAnimation 0.5299s 2 ease-out;-o-animation: cssAnimation 0.5299s 2 ease-out;} @-webkit-keyframes cssAnimation {from { -webkit-transform: rotate(0deg) scale(0.614) skew(-7deg) translate(-63px); } to { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } } @-moz-keyframes cssAnimation {from { -moz-transform: rotate(0deg) scale(0.614) skew(-7deg) translate(-63px); } to { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } } @-o-keyframes cssAnimation {from { -o-transform: rotate(0deg) scale(0.614) skew(-7deg) translate(-63px); } to { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } } /* End of Your Generated css |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s