添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

CSS3制作百叶窗切换焦点图

时间:2016-09-04      来源:互联网     
特效说明:
一款CSS3制作百叶窗切换焦点图免费下载,该CSS3特效使用背景图片来制作,在轮播图切换时,通过一组div元素来制作百叶窗效果切换图片,网页制作中非常炫酷的banner图效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css">

2、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • 纯CSS3绘制鼠标控制小猫笑脸动画

    纯CSS3绘制鼠标控制小猫笑脸动画

    一款纯CSS3绘制鼠标控制小猫笑脸动画下载,该特效基于CSS3属性编写,是一款非常可爱的一只会笑的猫咪CSS3动画特效。……
    2016-08-17
  • 纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果下载,蛮精致的一款纯CSS3模拟书本翻页效果,CSS3网页制作小实例教程。……
    2016-08-16
  • CSS3鼠标经过图片3D翻转动画特效

    CSS3鼠标经过图片3D翻转动画特效

    一款CSS3鼠标经过图片3D翻转动画特效下载,该CSS3网页特效是一款通过Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常酷。……
    2016-07-22
  • jQuery和CSS3超酷3D多层图片视觉差互动特效

    jQuery和CSS3超酷3D多层图片视觉差互动特效

    一款jQuery和CSS3超酷3D多层图片视觉差互动特效下载,该JS图片特效通过CSS3属性preserve-3d以及获取屏幕宽度、高度、当前鼠标坐标实现的视觉差3D特效。……
    2016-07-22
  • CSS3鼠标悬停图标导航动画特效

    CSS3鼠标悬停图标导航动画特效

    一款CSS3鼠标悬停图标导航动画特效下载,该HTML5+CSS3特效是一款基于CSS属性clip、transition等属性实现的简洁清爽风格鼠标悬停动画切换特效。……
    2016-07-08
  • aos.js-超赞页面滚动元素动画jQuery动画库

    aos.js-超赞页面滚动元素动画jQuery动画库

    一款aos.js-超赞页面滚动元素动画jQuery动画库源码下载,该动画库可以在页面滚动时提供28种不同的动画元素展示效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。……
    2016-07-08
  • 纯CSS3打造逼真多层云彩动画运动特效

    纯CSS3打造逼真多层云彩动画运动特效

    一款纯CSS3打造逼真多层云彩动画运动特效源码下载,该CSS3特效使用多张透明的云彩PNG图片作为背景图片,使用CSS animation动画来制作云彩水平飘动的动画效果。……
    2016-06-28
  • jQuery+CSS3登录/注册动画窗口网页特效

    jQuery+CSS3登录/注册动画窗口网页特效

    一款jQuery+CSS3登录/注册动画窗口特效代码下载,该网页特效是一款采用UI界面设计风格,配合使用CSS3动画和少量jQuery代码来制作,整体感觉时尚大方。……
    2016-06-28
  • CSS3鼠标滑过动画线条运动效果

    CSS3鼠标滑过动画线条运动效果

    一款CSS3鼠标滑过动画线条运动效果免费下载,该CSS3特效基于CSS属性animation动画制作,效果流畅弹性十足。……
    2016-06-28
  • 8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
    2016-06-28



最新更新特效

设计分享