xxxxxxxxxx<html><head><meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> div{ width:100px; height:100px; background:red; transition-property:width; transition-duration:5s; transition-delay:2s;/* Safari */transition-property:width; transition-duration:5s;transition-delay:2s;}div:hover{ width:300px;}</style></head><body><p><b>注意:</b> 该属性不兼容 IE 9以及更早版本的浏览器.</p><div></div><p>将鼠标移动至块上查看过渡动画效果.</p><p><b>注意:</b> 该过渡效果开始前会停顿2s.</p></body></html>