复古显示屏
CSS 复古 CRT 显示器故障效果,RGB 色差扫描线文字动效实现方案这是一款基于纯 CSS 实现的 CRT 老式显示器视觉效果。图中用 ASCII 字符拼出一只猫,叠加青色发光、RGB 通道错位(色差)两层处理,瞬间还原出八九十年代老显示器的那种"坏掉又没完全坏...
发光球加载器
两个发光球体运动加载动画 | 高质感CSS Loader特效组件这是一款光球残影小球旋转加载动画效果,基于 CSS 技术实现。两个发光圆球在黑色背景上围绕圆圈互相追逐游走,运动过程中拖出一串半透明残影,模拟出真实的物理运动感,就像长曝光拍到的光源轨迹。三种配...
描边卡片
个性波浪动态描边流光卡片,CSS + SVG 动态扭曲边框效果这是一款基于 CSS + SVG 实现的动态边框卡片效果。每张卡片的边框不是普通的直线,而是持续蠕动的波浪曲线,配合外侧的彩色光晕扩散,整体像是卡片在「呼吸发光」。三种配色方案(青色、橙色、紫...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果,适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效,多层嵌套圆环随鼠标移动产生错位追随,外圈流动着蓝粉渐变光晕,内圈呈现深邃的波纹扩散感,整体像一个悬浮发光的音响或虫洞入口,视觉冲击力很强。每层圆环...
吸睛文字
12 种 CSS 文字阴影特效集合,其中包含「火焰灼烧」、「故障艺术」两种动态文字这是一套文字视觉效果合集,基于CSS text-shadow属性实现。包含霓虹发光、3D立体、火焰灼烧(动态)、色差分离、像素风、凸版印刷、彩虹渐变、故障艺术(动态)、长投影、描边轮廓、全息光效...
发光卡片
月相科普卡片 - CSS玻璃态分割式发光图文卡片展示效果这是一款基于CSS实现的玻璃态卡片效果,通过巧妙的视觉分割将一张完整的月球背景图分解成四个不同主题的展示区域。核心创意在于"图片分割术":整个界面使用同一张完整的月球高清图作为背景,四张卡片通过...
扫雷小游戏
赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效这是一款赛博朋克风格的扫雷小游戏,基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创:战纪》(Tron)电影的经典霓虹美学,将传统扫雷游戏板呈现为带有青色发光边框的3D...
3D圣诞树
3D粒子变形圣诞树 - Three.js实现的可交互节日动画特效这是一款3D粒子变形圣诞树效果,基于Three.js技术实现,通过成千上万个发光粒子在空间中重组,配合众多流行飘落动画,营造出魔幻的节日氛围。画面里最吸引人的就是这棵由无数彩色光点构成的圣诞树,...
电子屏|点阵像素
纯 CSS 像素点阵模拟的高性能数字化电子显示屏效果这是一款工业级 LED 点阵像素显示屏效果,基于 CSS 网格遮罩(Masking)与纹理平铺技术实现。它通过极其细腻的点阵颗粒模拟出物理显示器的发光特性,文字或图形在网格中呈现出独特的“数字化...
数字重力
纯 CSS 打造的 3D 悬浮金属发光开关按钮这是一款次世代 3D 悬浮感应开关按钮,基于 纯 CSS(3D 透视变换 + 多重发光渐变) 技术实现。它彻底打破了扁平化 UI 的平面次元,通过 500px 的视距设定与 6 层模拟光子发光的...
悬停发光
CSS 炫彩悬停图标动效,让交互更有“存在感”这是一款多彩图标悬停动态交互效果,基于 CSS 技术实现,鼠标移入时图标四周会弹出彩色边角装饰,并伴随放大和发光动画,同时布局能自适应小屏幕保持美观,还支持自定义色彩、尺寸等样式来匹配不同需求,...
数字调节器
简易版 CSS 垂直数字进度微调器组件源码这是一款纯CSS实现的数字进度条动画效果,采用竖向设计,绿色光效进度条随数值变化动态上升,顶部显示当前数字,底部配加减按钮可手动调节。整体风格极简科技感十足,搭配深色背景与发光细节,视觉反馈清晰...