疯狂头像
个性化头像显示 CSS 组件，让头像冲出边框！这是一款基于 CSS 实现的个性化头像组件效果。每个头像以圆形裁切展示，背后衬有黄色波点底盘作为装饰背景，搭配橙红色整体底色，视觉冲击力很强，有种复古波普艺术的味道。头像与波点底盘之间有白色描边...
相机光圈
呼吸快门，用 p5.js 模拟镜头光圈的律动感，适合于网站 Loading 动画等场景这是一款「呼吸快门」动态视觉效果，基于 p5.js 技术实现。灵感来自相机光圈的开合机制——叶片在收缩与展开之间循环，赋予画面一种均匀呼吸的节奏感。闭合时线条向中心聚拢成放射状，舒展时线条随旋转...
鹿角帽
个人作品集 HTML 网站响应式模板 | 创意设计师自由职业者个人品牌专用建站模板这是一款专为个人品牌展示打造的 HTML 作品集响应式网站模板，简约现代的视觉风格与独特个性化的界面设计相结合，让设计师、自由职业者、创意从业者的个人主页在众多同类网站中脱颖而出。模板包含 8 ...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
爱尼斯
建筑装修室内设计专用 HTML 响应式网站模板这是一款专为建筑设计公司、室内设计工作室、家具品牌及创意设计师量身打造的 HTML 网站模板，提供 3 套独特首页风格，共 17 个以上 HTML 功能页面，涵盖建筑作品集、室内装饰展示、设计项...
情人节爱心
2026情人节心形粒子动画：用物理模拟写一封情书这是一款情人节主题的动态粒子艺术效果，基于 Canvas + JS 矩阵运算库实现，用大量带旋转摆臂的圆形粒子单元动态组合成心形轮廓，每个粒子都在独立运动，整体却维持着心形的聚合态势，粒子时而聚...
多边形边框轮播
平行四边形裁剪轮播+点击展示遮罩层内容（CSS+JS）：打破方框的图片展示方案这是一款异形裁剪轮播效果，基于 CSS clip-path + JavaScript 技术实现，图片以倾斜的平行四边形裁切呈现，配合深色渐变背景和点击触发的遮罩层交互，每张幻灯片可独立绑定覆盖内...
流光
纯 CSS 全息故障文字动画效果+3D漂浮流光卡片这是一款全息故障文字动画效果，基于纯CSS技术实现。标题文字带有RGB色彩分离的故障艺术风格，字母边缘会闪现出青色和紫红色的重影，模拟老式电视信号干扰的视觉感。背景卡片则笼罩着一层流动的彩色光晕...
渐变紫色背景
CSS 深紫渐变背景动画效果这是一款背景动画效果,基于CSS渐变技术实现。多层深紫色调在页面中缓慢流动切换,呈现出类似极光或星云般的视觉效果,整体氛围神秘而优雅。坦白讲,纯色背景太单调,图片背景又容易分散注意力,这种流动渐...
照片预览
原生 JavaScript 简约灯箱图片预览组件这是一款图片灯箱展示效果，基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开，配备左右切换箭头、关闭按钮、自定义图片说明等完整功能，无需依赖任何外部库。很多网站的图片查看体验...
吸睛文字
12 种 CSS 文字阴影特效集合，其中包含「火焰灼烧」、「故障艺术」两种动态文字这是一套文字视觉效果合集，基于CSS text-shadow属性实现。包含霓虹发光、3D立体、火焰灼烧（动态）、色差分离、像素风、凸版印刷、彩虹渐变、故障艺术（动态）、长投影、描边轮廓、全息光效...
相册
纯 CSS 模糊背景相框画廊效果这是一款图片展示效果，基于CSS Mask遮罩技术实现。每张照片呈现出"照片叠加相框"的视觉层次，中心区域保持清晰锐利，周围自然过渡到模糊背景，营造出景深和立体感。鼠标悬停图片呈现缓慢拉近的过渡...