二阶段 day11

105 阅读1分钟

1、animate.css文件是一个动画库:放着很多很多的动画。

为了我们程序员方便,怕我们自己画的丑。
如何使用:
	1、打开百度:搜索animate.css 得到网址
		http://www.animate.net.cn/
		https://animate.style/
	2、下载 - 你们不用做这个操作
	3、引入此文件
	4、挑选你喜欢的动画,把class放到那个元素上
	5、并且要记得设置上animation-duration:3s; 执行时长
	6、还需要根据不同的动画,设置不同的初始效果,才会更好看

2、滚动轮播:如果你会淡入淡出轮播,其实差不多,布局不同,动画方式不同 详见,02.html

3、无缝轮播: 详见,03.html

4、swiper插件:专门的一个轮播插件,提供了你HTML/CSS/JS,我们只需要复制。 1、打开百度:搜索swiper 2、选你自己喜欢的

5、封装一个运动(动画)函数