Demo 1 Demo 2 Demo 3 Demo 4

Slice 1 - Image 1 Slice 1 - Image 2 Slice 1 - Image 3 Slice 1 - Image 4
Slice 2 - Image 1 Slice 2 - Image 2 Slice 2 - Image 3 Slice 2 - Image 4
Slice 3 - Image 1 Slice 3 - Image 2 Slice 3 - Image 3 Slice 3 - Image 4
Slice 4 - Image 1 Slice 4 - Image 2 Slice 4 - Image 3 Slice 4 - Image 4

SerendipityWhat you've been dreaming of

AdventureWhere the fun begins

NatureUnforgettable eperiences

SerenityWhen silence touches nature

来源:tympanus 代码整理:懒人图库 感谢:wordpress Xcoder

*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。

CSS3窗帘式4格焦点图代码,带有数字导航,点击数字之后图片会以窗帘形式切换,另外共有4种图片切换样式可以选择,兼容主流浏览器,懒人图库推荐下载!


使用方法:

1、head区域引用文件lrtk.css

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、图片路径请打开lrtk.css修改