标签：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> div {/*设置初始值*/ width:300px; height:200px; background:#0F0; position:relative;/*记得加上定位*/ -webkit-animation:myfirst 5s; } @-webkit-keyframes myfirst /* Safari and Chrome */ {/*设置动画值*/ 0% {background:#0F0; left:0px; top:0px;} 25% {background:#0C3; left:200px; top:0px;} 50% {background:#096; left:200px; top:200px;} 75% {background:#069; left:0px; top:200px;} 100% {background:#03C; left:0px; top:0px;} } </style> </head> <body> <div></div> </body> </html>
随便画一画正方形。
标签：
原文地址：http://www.cnblogs.com/webgavin/p/5224156.html
