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培训学校后悔会分享更多CSS好用的工具。