<html> <head> <title>这是一个CSS3的特性</title> <style> #box{ width: 150px; height: 150px; background-color:red; <--控制形变-- transition: width 0.5s height 0.5s; <--为了适配苹果的浏览器-- -webkit-transition: width 0.5s height 0.5s; } #box:hover{ width: 300px; height: 300px; } </style> </head> <body> <div id="box"> hello word!</div> </body> </html>