Multiple Transition Effect text zoom css


CSS Multiple Transition Effect

Example of animation:

<!DOCTYPE html>
div.Teaching_bangla_bong71 {
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); }
<div class="Teaching_bangla_bong71">
<b>Teaching Bangla bong71</b><p> (Move your cursor or click on me to see the effect)</p>

Next Post Previous Post
No Comment
Add Comment
comment url