Multiple Transition Effect text zoom css

 

CSS Multiple Transition Effect

Example of animation:

<!DOCTYPE html>
<html>
<head>
<style>
div.Teaching_bangla_bong71 {
padding:10px;
width: 130px;
height: 100px;
background: #8ABCF1;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s, height 2s, transform 2s;
}
div.Teaching_bangla_bong71:hover {
width: 300px;
height: 200px;
background: #1499B2;
-webkit-transform: rotate(360deg);
/* Chrome, Safari, Opera */ transform: rotate(360deg); }
</style>
</head>
<body>
<div class="Teaching_bangla_bong71">
<center>
<b>Teaching Bangla bong71</b><p> (Move your cursor or click on me to see the effect)</p>
</center>
</div>
</body>
</html>


Next Post Previous Post
No Comment
Add Comment
comment url