适用场景

CSS剪裁GIF背景图片动画特效

CSS剪裁GIF背景图片动画特效

这是一款css剪裁GIF背景图片动画特效。该特效利用css的background-clip技术,将gif图片剪裁为文字效果,非常炫酷。 HTML结构 2020 CSS样式 .wrapper{ background: #252854;…
基于WEBGL的3D立方体特效

基于WEBGL的3D立方体特效

这是一款基于WEBGL的3D立方体特效。该立方体特效对普通的3D立方体效果进行了扩展,在立方体旋转的同时,呈现了更多的立体效果。 Github网址:https://github.com/lorenzocadamuro/apple-f…
用纯CSS3制作美丽的加载等待动画

用纯CSS3制作美丽的加载等待动画

下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。作者将这些CSS动画代码收集到了loaders.css,你可以轻松的将这个css文件嵌入…
纯CSS3单个DIV元素实现加载动画

纯CSS3单个DIV元素实现加载动画

CSS3给Web程序员提供了无限发挥的创造空间,以前只有视频、Flash、JavaScript才能实现的动画效果,如今只需要纯CSS+HTML就能做到。你能相信吗?这里呈现的所有动画,都是由一个DIV元素实现,纯CSS3技术。
CSS3超酷钟摆样式导航菜单布局特效

CSS3超酷钟摆样式导航菜单布局特效

这是一款CSS3超酷钟摆样式导航菜单布局特效。该特效中,通过CSS3动画来控制svg图标的左右摆动,形成钟摆效果,非常炫酷。 使用方法 引入下面的样式文件 HTML结构 Lorem ipsum was Lorem ipsum dol…
SVG打造可爱bongo cat打字动画特效

SVG打造可爱bongo cat打字动画特效

这是一款实用css3和SVG打造可爱的bongo cat打字动画特效。该特效中,bongo cat由svg组成,并通过css3动画,来实现bongo cat的打字动画特效。 使用方法 在页面中引入css文件 HTML结构
Threejs - 高速运动动画特效

Threejs - 高速运动动画特效

这是一款基于Threejs的高速运动动画特效。该动画模拟赛车在跑道上高速运动的场景,共有7个不同的场景。在按住鼠标的时候,还可以进行加速,非常有趣。
带强度检测的密码输入框jQuery特效

带强度检测的密码输入框jQuery特效

这是一款jQuery带强度检测的密码输入框设计效果。该密码输入框在输入密码时,可以实时提示密码的强度,以及显示密码等。 使用方法 在HTML文件中引入 HTML结构 7 Characters 1 lowercase 1 UPPERC…
炫酷3D杂志书本翻页jQuery特效

炫酷3D杂志书本翻页jQuery特效

这是一款支持移动触摸的jQuery书本翻页特效。该特效通过简单的css和js代码,既可以生成书本或杂志翻页的炫酷3D特效。 使用方法 在页面中引入下面的文件 HTML结构 Book/Page Flip Effect A tiny j…
嘿,欢迎咨询!