网页如何做小球在方框内赛跑

发布网友发布时间：17小时前

共1个回答

热心网友时间：15小时前

方法/步骤如下：
第一，在已新建的页面文件中，插入一个div标签，然后添加一个span标签，分别设置类属性
第二，在style标签中，添加@keyframes，设置动画名称为roll，根据不同进度，设置不同坐标
第三，使用类选择器circle，设置div标签样式（框），如宽度和高度为600px
第四，保存代码并打开浏览器，查看界面效果，可以查看到一个框框
第五，利用两个类选择器，设置span标签的样式，添加动画属性animation、animation-duration等，控制圆球无限滚动
第六，再次保存代码并刷新浏览器，可以看到圆球在框框中不断运动。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com