当前位置: 首页» JS特效»

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

Bootstrap超酷3D按钮设计效果

这是一款基于Bootstrap的超酷3D按钮设计效果。该3D按钮通过在按钮底部设置阴影效果来形成3D效果,并且在鼠标滑过按钮时,按钮有下凹的动画,效果非常的酷。
  3d 按钮 bootstrap
 39  0

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

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

炫酷CSS3鼠标滑过图片标题文字动画特效

这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候,会展现遮罩层,并在遮罩层上以旋转的方式使图片描述文字逐一展现。
  图片效果 纯css3 鼠标滑过
 49  0

8种炫酷CSS3鼠标滑过图片标题动画特效

这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果,它们都是通过CSS3transform来制作遮罩层的各种动画特效。
  图片效果 纯css3 鼠标滑过
 52  0

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

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

Material Design风格侧边栏菜单变形效果

这是一款使用CSS3和少量jQuery代码来制作的MaterialDesign风格侧边栏菜单变形效果。该侧边栏菜单开始时是一个汉堡包按钮,当用户点击该按钮之后,按钮会变形展开为右侧固定的侧边栏菜单。
  Material Design 侧边栏 菜单
 55  0

简单带下划线跟随效果的CSS3下拉菜单特效

这是一款使用纯CSS3制作的带下划线跟随效果的下拉菜单特效。该下拉菜单通过CSS3transform和transition来制作下划线跟随效果和下拉菜单效果。
  导航菜单 纯css3 下拉菜单
 83  0

仿Google Now卡片翻转动画特效

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

Material Design风格卡片切换UI设计

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

Material Design风格侧边栏UI设计

这是一款非常实用的MaterialDesign风格侧边栏UI设计效果。该MaterialDesign风格侧边栏支持4种侧边栏定位方式和4种不同的侧边栏主题效果。并且侧边栏的顶部还可以使用图片和颜色两种模式。
  Material Design 侧边栏 菜单 ui设计
 121  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

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backface-visibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  卡片 卡片翻转 翻牌效果
 41  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