HTML CSS examples for CSS Animatable Property:border
CSS3 animate border column change color and enlarge
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #box{<!-- w w w . j av a2 s . c o m--> position : relative; width : 100px; height : 100px; background-color : gray; border : 5px solid black; -webkit-transition : border 500ms ease-out; -moz-transition : border 500ms ease-out; -o-transition : border 500ms ease-out; } #box:hover{ border : 10px solid red; } </style> </head> <body> <div id="box"> roll over me </div> </body> </html>