如何使用CSS3过渡属性对元素进行自动旋转

2024-11-08 17:47:59

1、第一步,打开HBuilder开发工具,新建静态页面turn.html,如下图所示:

如何使用CSS3过渡属性对元素进行自动旋转

3、第三步,设置div标签元素的样式属性,宽度和高度为200px,半径为200px,如下图所示:

如何使用CSS3过渡属性对元素进行自动旋转

5、第五步,使用CSS3属性transition,设置transform、width和height 5s,如下图所示:

如何使用CSS3过渡属性对元素进行自动旋转
猜你喜欢