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

24种表单input输入框聚焦动画特效

这是一组效果超酷的表单input输入框聚焦CSS3动画特效。这组特效共24种不同的聚焦动画效果,分为3个类别,分别是边框动画特效,背景动画特效和浮动标签动画特效。
  表单 浮动标签 聚焦动画
 84  0

CSS3和JS炫酷3D拖拽卡片动画特效

这是一款使用CSS3和纯JavaScript制作的炫酷3D卡片拖拽特效。用户可以通过鼠标拖拽卡片,卡片在拖拽的过程中会发生3D变形,并且带有音效,效果非常炫酷。
  3d 拖拽 卡片
 43  0

6种精美的纯CSS3丝带效果

这是一组非常精美的纯CSS3丝带设计效果。这组丝带效果分别使用:before和:after伪元素来制作各种丝带,适用于要使用丝带效果的各种不同场景。
  纯css3 ui设计 丝带
 48  0

基于Bootstrap的水晶玻璃质感按钮

这是一款基于Bootstrap的水晶玻璃质感按钮设计效果。这些按钮在Bootstrap按钮的基础上,通过为按钮的伪元素添加背景图像和渐变效果,制作出非常漂亮的水晶玻璃质感按钮。
  按钮 bootstrap ui设计
 75  0

纯JS和CSS3炫酷桌面便签贴纸特效插件

Sticker.js是一款使用纯JavaScript和CSS3来制作炫酷桌面便签贴纸特效的插件。通过该插件可以将任何块级元素转换为桌面便签,并且在鼠标滑过便签时,便签会随着鼠标移动产生卷纸弯曲效果,非常的酷。
  纯js 桌面便签
 48  0

Grd-基于Flexbox的CSS网格系统框架

Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架,你可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。
  网格布局 网格 flexbox
 111  0

11种炫酷打开模态窗口过渡动画特效

这是一款使用CSS3animation动画制作的超酷打开模态窗口过渡动画特效。该CSS过渡动画的原理是通过steps()函数来制作步进动画,通过不同的背景雪碧图片制作出不同的动画过渡效果。
  css动画 模态窗口
 61  0

magic-带64种动画效果的CSS3动画库

magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类,全部使用CSS3animation动画来完成。各种效果使用非常简单,只需要为元素添加和移除相应的class类即可。
  css动画 动画库
 71  0

纯CSS3鼠标滑过按钮流光效果

这是一款效果非常炫酷的纯CSS3鼠标滑过按钮流光效果。当用户用鼠标滑过按钮的时候,一道流光会瞬间滑过按钮,就像玻璃的反光效果,非常漂亮。
  按钮 纯css3 鼠标滑过
 40  0

12种checkbox复选框CSS3动画特效

checkbox.css是一组效果非常炫酷的checkbox复选框CSS3动画特效。通过使用checkbox.css样式,可以在点击复选框时产生各种非常酷的CSS3动画效果。
  css动画 复选框 checkbox
 45  0

移动优先的12列响应式CSS网格系统

simple-grid.css是一款移动优先的12列响应式CSS网格系统。它是轻量级的,压缩后的文件只有2kb,响应式速度快,并且使用非常简单。
  响应式 网格 网格系统 移动优先
 37  0

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

这是一款使用CSS3制作的炫酷鼠标滑过图片动画特效。该特效中,当鼠标滑过图片时,图片会向上3D翻转并渐隐消失,图片原来的位置出现介绍文字和一些链接,整个效果非常炫酷。
  图片效果 纯css3 鼠标滑过
 107  0

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

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

炫酷纯CSS3星级评分动画特效

starability.css是一款炫酷纯CSS3星级评分动画特效。该特效中共有6种不同的星级评分动画效果,分别是滑动动画,淡入淡出动画,旋转动画,发光动画和复选框动画。
  纯css3 星级评分
 66  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