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

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

时间：2016-08-31 15:53:17  来源：web前端培训网  作者：IT培训网  已有：名学员访问该课程
标签(Tag):   CSS培训学校(1)
很多CSS代码并不需要我们从头到尾的把代码写下来，可以借助一些工具，比如CSS3-Slider，可以更快更好的完成任务。

今天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好用的工具。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始！ IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清？点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通，咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
分享到：QQ空间新浪微博腾讯微博人人网微信
------分隔线----------------------------

大话IT

推荐内容

图文推荐

相关热点