CSS3中的属性transition，可以使元素从一种状态转换到另外一种状态。可以是宽度、高度、背景色、半径等属性。下面利用一个实例是改变元素的半径弧度，操作如下：
工具/原料
1
CSS3
2
HTML5
3
HBuilder
4
截图工具
5
浏览器
方法/步骤
1
第一步，双击打开HBuilder编辑工具，新建静态页面transition.html，如下图所示：
2
第二步，在
插入div标签元素，设置id属性值为transition，如下图所示：3
第三步，设置div元素的宽度、高度、半径、渐变色等属性，如下图所示：
4
第四步，保存代码并预览该静态页面，查看页面效果；可以看到一个渐变色的圆形图，如下图所示：
5
第五步，添加各种浏览器transition属性，使用“:hover”属性改变元素的半径，如下图所示：
6
第六步，再次保存代码并预览页面的效果，鼠标移上去，发现圆形半径发生了变化，由圆形变成了椭圆形，如下图所示：
注意事项
1
注意CSS3属性transition的用法
2
注意CSS3中的:hover用法
上一篇：购买静电纺丝设备应注意哪些问题？
下一篇：专业的甲醛治理机构如何操作