<!DOCTYPE html> <html> <head> <title>CSS3 Transitions - Mouse Over</title> </head> <body> <style type="text/css"> .transition_example_1{ width: 100px; height: 80px; background:#F60; border-radius:4px; /* For Safari 3.1 to 6.0 */ -webkit-transition-property: width; -webkit-transition-duration: 2s; -webkit-transition-timing-function: linear; /* Standard syntax */ transition-property: width; transition-duration: 2s; transition-timing-function: linear; } .transition_example_1:hover { width: 300px; } </style> <div class="transition_example_1"></div> </body> </html>
Output :
Topic :
Mouse Over
