CSS3 Examples
14. CSS3 Animation example 5.<!DOCTYPE html> <html> <head> <title>Untitled Document</title> <style> @keyframes anim2 { from{ } to { width:500px;height:500px; top:30px; left:100px;transform:rotate(360deg);} } @-webkit-keyframes anim2 { from{ } to { width:500px;height:500px; top:30px; left:100px;-webkit-transform:rotate(360deg);} } #pic{ position:relative; top:30px; left:300px; } #pic:hover{ animation:anim2 5s; -webkit-animation:anim2 5s; } </style> </head> <body> <img src="images/anjelina.jpg" width="100" id="pic"> </body> </html>Output :(Mouse over the image)
Developed by