<!DOCTYPE html>charset="utf-8"W3Cschool教程(w3cschool.cn)div{width:100px;height:100px;background:red;transition-property:width;transition-duration:5s;/* Safari */-webkit-transition-property:width;-webkit-transition-duration:5s;}div:hover{width:300px;}注意: 该属性不兼容IE9 以及更早版本的浏览器将鼠标移动到块上查看动画效果.