当前位置: 首页» JS特效» 其他实例»

纯CSS3创意手机APP登录界面动画特效

这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。
  登录界面 手机 app
 48  0

纯CSS3打造超逼真的Sublime编辑器界面

这是一款使用纯CSS3制作的超逼真的Sublime编辑器界面特效。该Sublime编辑器界面特效于真实的Sublime编辑器界面界面几乎一模一样,并且还带有一个光标闪动的效果。
  纯css3 Sublime
 37  0

纯CSS3炫酷元素边框线条动画特效

这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果。
  边框动画 纯css3
 68  0

2种不可思议的纯CSS3 loading加载动画特效

这是一款共2种炫酷效果的纯CSS3loading加载动画特效。该CSS3加载动画分别为弹跳的小方块和月亮绕地球旋转的动画效果。它们使用的技术都是CSSanimation来实现,效果非常的震撼。
  loading动画 Loading 纯css3 加载动画
 56  0

CSS3炫酷鼠标滑过卡片3D翻转特效

这是一款这是一款使用CSS3制作的效果非常炫酷的鼠标滑过卡片3D翻转特效。该特效开始时,图片被在3D空间中倾斜,当顶部滑过图片的时候,卡片平滑过渡到正常位置,卡片上的图片被缩小,同时显示出说明文字和一些链接图标。
  3d 鼠标滑过 卡片翻转
 51  0

纯CSS3带动画特效的创意用户帮助界面

这是一款创意十足的纯CSS3带动画效果的用户帮助界面特效。这个用户帮助界面中,每个问题选项都被制作为一个飘带,鼠标上下移动时飘带跟着移动,并且最上方还有每个问题选项的缩略图动画,非常炫酷和人性化。
  纯css3 用户帮助界面
 41  0

28种纯CSS3炫酷loading加载动画特效

这是一组效果非常炫酷的纯CSS3Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构思新颖,效果非常的酷。
  loading动画 纯css3 加载动画
 53  0

纯CSS功能齐全的Tooltip工具提示插件

Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写,不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。
  工具提示 tooltip
 41  0

30种CSS3炫酷页面预加载loading动画特效

这是一组效果非常炫酷的CSS3页面预加载loading动画特效。该特效共有30种不同的loading效果。所有的加载动画都是使用CSS3来完成,jQurey代码只是用于隐藏加载动画。当你点击页面的任何一个地方时,loading动画就会被隐藏。
  loading动画 Loading 加载动画
 64  0

4种纯CSS3超酷页面切换过渡动画特效

这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效。该CSS3页面过渡动画使用CSSkeyframes制作而成,所有的动画效果和延时都是使用CSS属性,没有任何的javascripttimeout()代码。
  页面过渡 页面切换 纯css3
 67  0

CSS3和js超酷iPhone样式科学计算器插件

CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片,纯CSS制作。该计算器是科学型的,可以处理乘方、开方、指数、对数等复杂的数学运算。
  计算器
 41  0

实现DOM元素平滑过渡变形动画的js插件

ramjet是一款可以实现DOM元素平滑过渡变形动画特效的js插件。该js插件可以从一个HTMLDOM元素变形为另一种状态的DOM元素,在DOM元素变形的过程中会使用补间动画实现平滑过渡的动画效果。
  过渡动画 变形动画
 41  0

纯CSS3创意loading文字特效

这是一款非常有创意的纯CSS3loading加载文字动画特效。该loading文字特效中,字母O的内圆会不停的放大缩小,使用这个动画效果来提示用户当前的页面或任务正在加载中。
  文字特效 loading动画 Loading
 39  0

纯CSS3炫酷3D旋转立方体爆炸展开动画特效

这是一款使用纯CSS3制作的炫酷3D旋转立方体爆炸展开动画特效。在这个3D旋转立方体爆炸展开动画特效中,当鼠标滑过立方体时,立方体的六个面会在不停旋转的同时向外爆炸展开,效果非常酷。
  立方体 纯css3 3d旋转
 45  0

可视化CSS3渐变背景颜色代码生成插件

这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。
  可视化 CSS3渐变
 86  0

可视化CSS3动画代码生成js库插件-Bounce.js

Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件。该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果。此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3动画效果。
  动画库 可视化 js动画库
 39  0

66种基于animate.css的CSS消息提示动画效果

这是一款基于animate.css的效果非常酷的CSS消息提示动画效果。这66种CSS消息提示动画效果按出现位置分为4种类型:上部、中部、中下和右下。每个部位的消息提示效果都是不一样的。
  提示框 消息提示框
 87  0

csshake强大的CSS3元素抖动动画库

csshake是一款非常强大的CSS3元素抖动动画库插件。csshake可以使元素进行各种各样的抖动动画,可以在加载时就抖动或鼠标滑过元素时抖动,目前共有10种抖动效果。csshake简单实用,非常强大。
  动画 动画库 css3动画库
 45  0

Hover.css纯CSS3鼠标滑过特效动画库

Hover.css是一款效果很酷的纯CSS3鼠标滑过特效动画库。Hover.css支持的元素包括超链接、按钮、logos、SVG和图片等。当鼠标滑过元素时有背景颜色变化效果、图标变化效果、阴影、抖动、旋转、折角等107种特效。
  动画库 css3动画库 hover动画 鼠标滑过
 50  0

纯css3超酷圆形Loading加载进度条特效

这是一款使用纯CSS3制作的超酷圆形Loading加载进度条特效插件。该loading加载进度条特效有水平进度条和环状进度条两种,该特效在水平或圆形轨道上有一个小球不断运动来达到loading进度条效果。
  进度条 loading动画 纯css3 加载动画
 38  0