木制按钮
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 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...
光标美化
CSS 鼠标光标突出模糊屏显示一款突出显示鼠标光标的效果，使用 CSS 定制的磨砂屏光标外观，JS实现的鼠标悬停事件，当鼠标悬停于文字之上时，鼠标箭头变为磨砂屏突出显示，并且不同的文字大小会显示不同尺寸的光标效果。
雪花跳跃
JavaScript CSS 小球跳跃移动躲避障碍物小游戏这款小游戏的名字叫：粉色雪花 - 跳跃游戏，之所以叫粉色雪花，是因为主题小球是粉色的，这款游戏的常见场景包括不同颜色不同形状的障碍物、小球以及网格状终点线都是通过 CSS 创建的， 躲避障碍物的...
卡片发光
CSS 发光卡片边框动画效果CSS 绘制的发光卡片效果，当鼠标移动到卡片上方时会发出耀眼的不同颜色光亮线条，特别吸引人，其中的光亮转换事件是通过 React 组件重新绘制 DOM 元素实现的，该效果用在重要重要信息的卡片上...