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

HTML5+CSS3左右切换滑块响应式特效

时间:2015-10-02      来源:互联网     
特效说明:
一款HTML5+CSS3左右切换滑块响应式特效下载,该HTML5+CSS3代码采用响应式网页布局,是一款黑色质感,带有弹性切换效果的滑块焦点图、点击放大镜图标可以弹出对应图文内容展示。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="fonts/feather/style.css">
 <link rel="stylesheet" type="text/css" href="css/demo.css" />
 <link rel="stylesheet" type="text/css" href="css/component.css" />

2、调用JS插件代码:
<script src="js/modernizr.custom.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • CSS鼠标悬停文字上下左右居中动画放大特效

    CSS鼠标悬停文字上下左右居中动画放大特效

    一款CSS鼠标悬停文字上下左右居中动画放大特效免费下载,该CSS3特效基于动画属性transtion、tranform等属性制作动画放大效果。……
    2016-05-22
  • 轻量级CSS3立体式3D旋转动画效果

    轻量级CSS3立体式3D旋转动画效果

    一款轻量级CSS3立体式3D旋转动画效果下载,非常简洁好看的纯CSS3旋转效果,当鼠标移动到图片上后,会立体式翻转显示隐藏的文字内容 鼠标移走后旋转返回初始状态。……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery响应式全屏动画菜单网站框架

    jQuery响应式全屏动画菜单网站框架

    一款jQuery响应式全屏动画菜单网站框架,通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常……
    2016-05-22
  • 纯CSS3鼠标滑过动画按钮特效

    纯CSS3鼠标滑过动画按钮特效

    一款纯CSS3鼠标滑过动画按钮特效下载,该CSS3特效代码是一款基于CSS3 transition属性实现的按钮动画特效,酷炫网页制作必备代码素材。……
    2016-05-22
  • 4款HTML5+CSS3制作input元素滑块特效

    4款HTML5+CSS3制作input元素滑块特效

    4款HTML5+CSS3制作input元素滑块特效下载,该HTML5+CSS3特效是一款使用CSS3来渲染UI样式,使用JavaScript来处理滑块的鼠标拖动事件。……
    2016-05-22
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22



最新更新特效

设计分享