Html+css3动画效果

                                            Html+css3动画效果

开发工具与关键技术：DW
作者：彭春怡
撰写时间：2019/1/16

1.下面是通过html+css3完成的一个动画效果，“跳跳球”。实现的代码如图所示：
Html代码：

Css3 代码：

通过transform与animatuon实现动画的时间与速度.
通过“@keyframes” 元素完成css3的动画效果。

下面便是代码实现的效果：截图中是一个会上下跳动的小圆球。

总结：
入学半年，学了4个内容，而我最喜欢的便是Css3，相信很多新入学者都跟我一样吧，在老师教css3动画的课堂上，都是一脸好奇，就像看到什么神奇的东西，到了课间便开始寻找css3动画的页面来看，认真的学习，希望自己能快点学会。而我就是在学习css3中，开始学会自己做一些简单的页面，不在只会照搬老师的代码，这是我在学习css3中得到的点点收获。