链接按钮
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 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...
查特
Tailwind CSS 含 50+ 内页的多用途电子商务网站模板这是一款时尚的多用途电子商务网站模板，采用 Tailwind CSS v3.4.0 技术框架制作，拥有 55+ 个页面的支撑，其中包含 4 种独特的主题风格可供挑选，相应是的布局设计让网站可以...
雅璐
小中大校园网站 HTML 响应式模板为教育和学习管理系统创建的 Bootstrap5x 响应式模板，该模板拥有 25+ html 页面和 3 种独特的首页风格，同时还提供了许多强大的功能页面，如师资团队介绍、课程安排、登录注册、会...