Demo:
<!DOCTYPE html>
<html>
<head>
<style>div#div3
{width:100px;
height:100px;
background:url(http://s20.postimg.org/v0lyqk5bd/favicon.png);
transition:width 2s, height 2s;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Chrome and Safari */}
div#div3:hover
{width:100px;
height:100px;
background:url(http://s20.postimg.org/v0lyqk5bd/favicon.png);
transform:rotate(360deg);
-webkit-transform:rotate(360deg); /* Chrome and Safari */
}
</style>
</head>
<body><marquee behavior="alternate" style="border:RED 3px SOLID">
<a href='http://tutscode.blogspot.com' title='Tutorials Code' alt='Tutorials Code'>
<div id="div3"> </div>
</a></marquee>
</body>
</html>
Change the Prefix for other Browsers (Prefixes for other Browsers).
 |
| Code Preview |
No comments:
Post a Comment