当前位置 : 首页> Web培训 > CSS培训学校教你用纯CSS做幻灯片

CSS培训学校教你用纯CSS做幻灯片

时间:2016-08-31 15:53:17   已访问:172次
热门专业

今天CSS培训学校介绍的CSS3-Slider是一款简单的带5种动画过渡效果的纯CSS3幻灯片特效。该幻灯片使用纯CSS3制作,使用非常简单,只需要按指定的格式编写HTML代码,并引入相应的CSS文件即可正常工作。

CSS培训学校一般在style文件夹中有5个不同的CSS文件,分别对应5种不同的CSS过渡动画效果:

slider-def.css:默认的过渡动画效果。

slider-ltr.css:从左向右。

slider-ttb.css:从上往下。

slider-btt.css:从下往上。

slider-simp.css:简洁模式,无导航按钮。

你需要哪种效果就在页面中引入相应的CSS文件。

HTML结构

该幻灯片的基本HTML结构如下:

CSS培训学校教你用纯CSS做幻灯片_www.itpxw.cn

CSS培训学校教你用纯CSS做幻灯片_www.itpxw.cn

CSS培训学校教你用纯CSS做幻灯片_www.itpxw.cn

同学们都成功了吗,学习用CSS工具来实现效果,所有的代码都一样。CSS培训学校后悔会分享更多CSS好用的工具。


推荐内容