一级分类

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…
golden-layout - 强大的响应式窗口分割插件

golden-layout - 强大的响应式窗口分割插件

golden-layout是一款强大的响应式窗口分割插件。他可以最大化窗口、最小化窗口、以及关闭窗口。还可以设置分割线,通过拖拽分割线来改变窗口的大小,并且这是响应式的。 使用方法 在HTML文件中引入 HTML结构 Wheneve…
基于canvas的动态马赛克文字特效

基于canvas的动态马赛克文字特效

这是一款基于canvas的动态马赛克文字特效。该特效使用canvas在屏幕上刻画你输入的任何文字内容,效果非常炫酷。 使用方法 在HTML文件中引入 HTML结构 CSS样式 #input { position: absolute;…
magnet 拖拽拖动排序jQuery插件

magnet 拖拽拖动排序jQuery插件

magnet.js是一款jQuery拖拽插件。它可以是实现DOM元素的拖拽、分组拖拽、对齐等功能,非常强大。 使用方法 jQuery版本在HTML文件中引入 初始化插件 let magnet = new Magnet(); 添加拖拽…
用纯CSS3制作美丽的加载等待动画

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

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

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

CSS3给Web程序员提供了无限发挥的创造空间,以前只有视频、Flash、JavaScript才能实现的动画效果,如今只需要纯CSS+HTML就能做到。你能相信吗?这里呈现的所有动画,都是由一个DIV元素实现,纯CSS3技术。
CSS3鼠标悬停图片遮罩层变形动画特效

CSS3鼠标悬停图片遮罩层变形动画特效

这是一款CSS3鼠标悬停图片遮罩层变形动画特效。该特效在鼠标悬停在图片上面的时候,遮罩层会变形为半圆形,同时出现提示标题等信息。 使用方法 在HTML文件中引入 HTML结构 Williamson Web designer Mira…
CSS3超酷钟摆样式导航菜单布局特效

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

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