色彩渐变
CSS 微微星光渐变色发光动画效果使用 CSS 实现的渐变色发光动画效果，基于 transform 以及 background-image 属性实现的，光的颜色可以自定义，当前动画是蓝光效果，一种宇宙深处的深邃感，如果想创建月光...
旋转胶囊
CSS 旋转胶囊创意 loading 加载器动画效果一款加载中动画效果，是基于纯 CSS 实现的相当的轻量级，该动画包含一个空中旋转的胶囊，该胶囊在旋转的过程中伴随着打开关闭效果，打开过程中胶囊内部会有颗粒运动的动画效果，持续到旋转运动非常适合于...
链接按钮
GSAP 实现 7 种丝滑的 SVG 链接按钮效果使用主流的动画组件 gsap 与 CSS 结合实现的 7 种带时尚炫酷过渡效果的 SVG 链接按钮，这七款按钮，每种按钮包含点中和取消两种不同的过渡效果，用在项目的按钮或者链接上的及时反馈的效果...
木制按钮
CSS 木制感十足的开关按钮使用 CSS 绘制的复古风格浓重的木制外观按钮，提供了四种个性的样式，其中第一种样式使用了 svg 的图标实现，其余都是纯 CSS 实现的，原理主要是使用了 CSS 的 radial-gradi...
图片筛选
UI Kit CSS 图库过滤器使用三方组件 uikit 结合 CSS 实现的图片筛选插件，并且对图库图片添加了迷人的悬浮模糊效果，点击上方的筛选项能够实现丝滑的图片过滤功能，使用特别简单，只需要把同一组图片定义相同的data...
黑洞
Canvas 逼真黑洞动画效果基于 Canvas 实现的黑洞动画，实现原理是先定义canvas区域，而后初始化一张星空背景图置于canvas画布之上，最后通过 jQuery 控制黑洞效果，这款黑洞效果特别的逼真，黑洞会随着鼠...
穿插动画
CSS SVG 线条快速穿插动画效果使用 CSS 结合 SVG 矢量图动画实现的线条快速无限穿插效果，页面上放着一个快速煽动偏直角平躺着的阿拉伯数字8，周围泛着微微的白光动画，线条（也像利剑）快速穿插在8的四面八方，很炫酷的飞刀效...
亮暗切换
CSS mix-blend-mode实现的亮暗模式切换效果纯 CSS 实现的背景颜色切换效果，通过点击切换按钮，触发暗色与亮色模式的切换，该过程不依赖于各类三方脚本，只需要 CSS 即可实现，非常的轻量级，使用了 mix-blend-mode 以及 t...
跳跃百分比
SVG 创意百分比跳跃加载动画效果轻量级的百分比加载特效，整体动画效果效果是由 JavaScript 驱动 SVG 矢量图完成的，产生的效果是：百分号分离成三部分空中旋转跳跃，数字随之累加。实现过程非常简单，使用也简单，只需要把...
加载效果
CSS 极简创意苹果产品全家桶轮番展示 loading 加载动画极具创意的loading动画效果，由手机、电脑、平板、智能手表这些常用的电子产品图标以跳跃轮播的动画效果展示「加载中」页面特别有科技感，而且还特别的简洁轻量级，无需各类三方素材以及图片素材，只...
滚动切换
gsap 带指示器轮换效果的滚动鼠标切换图片响应式组件实现了一款通过滚动鼠标操作图片切换的响应式布局效果，是基于 gsap 组件实现的滚动翻页特效，CSS 实现的右侧指示器以及整体的布局效果，无论在手机上还是在电脑上都可以良好运行，当滚动鼠标或者移...
图片切换
JavaScript 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...