首页 | 常用工具 | 一周排行榜 | 一个月排行榜 | 半年排行榜 | 一年排行榜
当前位置： 首页» JS特效» 其他实例»
全部 瀑布流插件 菜单导航 幻灯片和轮播图 图片效果 表单特效 表格 评分星级 选项卡 手风琴 日期选择插件 图表报表 按钮图标 其他

Bootstrap炫酷飞机和跑道样式进度条动画特效

这是一款基于Bootstrap的网格系统和进度条组件来制作的炫酷飞机和跑道样式进度条CSS3动画特效。该进度条以飞机起飞作为进度条刻度动画，带进度数值显示，效果非常酷。
  css3动画 bootstrap 进度条
 38  0

pills-简单实用的响应式12列CSS网格系统

pills.css是一款简单实用的响应式12列CSS网格系统。该网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。
  响应式 网格 网格系统
 48  0

CSS3超酷3D文字跑马灯特效

这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果，文字在上面移动时，就像是文字投影到墙壁上，在转角出会改变运动方向。
  3d 纯css3 跑马灯
 72  0

纯CSS3响应式页面顶部滚动视觉差特效

这是一款使用纯CSS3制作的炫酷响应式页面顶部滚动视觉差特效。该特效在页面向下滚动时，页面顶部的图片和正文的内容形成视觉差效果，非常炫酷。
  响应式 视觉差 纯css3
 41  0

纯CSS响应式六边形网格布局

hexagons.css是一款纯CSS响应式六边形网格布局系统。通过hexagons.css预设的样式，可以非常轻松的制作出六边形图片网格布局。
  网格布局 响应式 纯css3 六边形
 73  0

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

这是一款效果非常炫酷的CSS3鼠标滑过图片3D翻转动画特效。该特效基于Bootstrap网格系统来布局，通过简单的CSS3代码，在鼠标滑过图片时对图片进行3D翻转，效果非常的酷。
  3d bootstrap 翻转 鼠标滑过
 44  0

Bootstrap超酷进度条动画UI设计

这是一款基于原生Bootstrap进度条组件制作的超酷进度条动画UI设计效果。该进度条在原生Bootstrap进度条组件的基础上，通过简单CSS3代码制作出非常炫酷的进度条动画特效。
  bootstrap 进度条 ui设计
 35  0

6种CSS3炫酷预加载Loading指示器动画特效

这是一组效果非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果，都是使用:before和:after伪元素，以及CSS帧动画来完成各种不同的预加载指示器动画。
  Loading 纯css3 加载动画 指示器
 41  0

tootik-纯CSS Tooltips工具提示特效库

tootik是一款纯CSSTooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作，支持使用data属性来配置tooltips的位置和属性，效果非常炫酷。
  工具提示 tooltips 纯css3
 52  0

纯CSS3圆形图片鼠标滑过旋转翻盖动画特效

这是一款效果非常炫酷的纯CSS3圆形图片鼠标滑过旋转翻盖特效。该CSS3特效中，当鼠标滑过圆形图片时，图片以顶边的一个定位点为中心向下旋转，显示出下面的圆形说明文本。
  css动画 纯css3 旋转 鼠标滑过
 52  0

9种纯CSS3人物信息卡片UI设计效果

这是一组纯CSS3人物信息卡片UI设计效果。这组人物信息卡片共9种效果，每种效果在鼠标滑过卡片时，通过CSS3使图片和HTML元素变形生成非常漂亮的鼠标滑过动画特效。
  卡片 纯css3 鼠标滑过 ui设计
 70  0

带炫酷鼠标滑过效果的多列布局效果

这是一款使用CSS3和少量js代码制作的带炫酷鼠标滑过效果的多列布局效果。该效果中将每篇文章制作为垂直多列布局，鼠标滑过每张缩略图时有炫酷的特效，点击缩略图时可将它全屏展开。
  多列布局 鼠标滑过 ui设计
 46  0

仿Google Now卡片翻转动画特效

这是一款仿GoogleNow卡片翻转的动画特效。该特效使用CSS3和jQuery来制作，所有卡片使用网格布局，当用户点击某张卡片时，该卡片会翻转移动到屏幕中间，此时任意点击空白位置，卡片又会翻转移动会原来的位置。
  卡片 翻转 卡片翻转
 41  0

Material Design风格卡片切换UI设计

这是一款效果非常酷的MaterialDesign风格卡片切换UI设计效果。该卡片切换效果使用jQuery和CSS3来完成，它在切换卡片的时候页面的背景颜色会随着卡片的主要颜色而改变，并且卡片会随着图片内容而改变高度。
  卡片 Material Design ui设计
 58  0

纯CSS3炫酷animation动画steps属性打造西洋镜动画特效

这是一款效果非常炫酷的纯CSS3西洋镜动画特效。该西洋镜动画使用CSS3的帧动画和3Dtransforms来制作，在animation动画的animation-timing-function参数使用steps来处理，制作出类似西洋镜的连续动画效果。
  css3动画 纯css3 steps
 38  0

使用steps属性制作僵尸行走CSS3 Sprite动画特效

这是一款使用animation动画的steps属性制作的僵尸行走CSS3Sprite动画特效。该动画特效利用steps属性将一张雪碧图不断的快速播放，形成僵尸走路的动画效果。
  css3动画 纯css3 steps
 101  0

4种时尚精美的input元素滑块UI设计效果

这是一组效果非常精美的时尚input元素滑块UI设计效果。这组滑块共4种不同的效果，它们使用CSS3来渲染样式，使用JavaScript来处理滑块的鼠标拖动事件。
  滑块 ui设计
 42  0

纯CSS3打造逼真的苹果（Apple）电脑键盘

这是一款使用纯CSS3制作的效果非常逼真的苹果（Apple）电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键，按键被按下时有逼真的动画效果。
  纯css3 ui设计 苹果
 44  0

带阅读进度指示的侧边栏列表项UI设计

这是一款带阅读进度指示的侧边栏列表项UI设计效果。该设计的目的是在用用户滚动鼠标时，在侧边栏列表项中每一个段落标题前都带有一个指示当前段落阅读进度的圆形进度条，使用户可以看到当前的阅读进度，提升用户体验。
  svg 进度条 ui设计
 40  0

Material Design风格动态网格卡片布局UI设计

这是一款效果非常炫酷的MaterialDesign风格动态网格卡片布局UI设计效果。在该效果中鼠标滑过卡片时会有阴影效果，当浏览器尺寸改变时，卡片大小会随着改变，整个网格布局有动态变化效果。
  网格布局 卡片 Material Design ui设计
 39  0