如何利用CSS3动画效果animation绘制多个圆球

2024-10-13 12:10:50

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

如何利用CSS3动画效果animation绘制多个圆球

3、第三步,编写div的样式,首先设置该div一个半径;圆形背景色为彩色,如下图所示:

如何利用CSS3动画效果animation绘制多个圆球

5、第五步,再次添加三个圆形,添加这四个圆形的动画效果和透明度,如下图所示:

如何利用CSS3动画效果animation绘制多个圆球
猜你喜欢