手机边框
CSS 仿平板屏幕与手机屏幕边框效果由 CSS 实现的一款仿手机、平板边框效果，CSS 实现的整体布局及外观样式，底部的模拟手机底部导航栏及彩带是通过 svg 实现的，可以通过适当的调整main中的max-width属性宽度变为平...
色彩渐变
CSS 微微星光渐变色发光动画效果使用 CSS 实现的渐变色发光动画效果，基于 transform 以及 background-image 属性实现的，光的颜色可以自定义，当前动画是蓝光效果，一种宇宙深处的深邃感，如果想创建月光...
旋转胶囊
CSS 旋转胶囊创意 loading 加载器动画效果一款加载中动画效果，是基于纯 CSS 实现的相当的轻量级，该动画包含一个空中旋转的胶囊，该胶囊在旋转的过程中伴随着打开关闭效果，打开过程中胶囊内部会有颗粒运动的动画效果，持续到旋转运动非常适合于...
噶比特
多用途电子商务 Tailwind CSS 响应式网站模板这是一款现代化大方美观的多用途电商 Tailwind CSS 模板，该模板采用 HTML5、CSS3 和主流的 Tailwind CSS 版本进行构建，拥有良好的响应式布局，非常适合于电子产品、...
艾迪瑞克
Tailwind CSS 2024年功能相当全的在线教育网站模板这款模板是一款包含后台管理的在线教育系统全流程功能的 HTML5 响应式网站模板，采用 Tailwind 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 矢量图完成的，产生的效果是：百分号分离成三部分空中旋转跳跃，数字随之累加。实现过程非常简单，使用也简单，只需要把...