错位文字效果
3D纵向扇形展开文字环路交错动画(CSS+JS)这是一款动态文字扇形错位交错特效,基于CSS 3D转换与动画序列(Timeline Animation)技术实现。当触发动画时,文本中的每个字符会以中心为轴,成对地向上或向下进行扇形交错位移。离...
卡片堆叠切换
GSAP实现的3D沉浸式图文切片卡片自动切换效果,营造出极强的艺术感与空间纵深感这是一个极具视觉冲击力的3D沉浸式图文卡片切换效果,基于GSAP(GreenSock Animation Platform)与CSS 3D转换技术实现。它通过独特的“中心焦点+背景模糊切片”的堆...
蜡笔涂鸦
React手绘涂鸦风格海滩日落:基于Rough.js的创意插画特效这是一款手绘涂鸦风格的海滩日落视觉效果,基于React+Rough.js技术实现,其利用算法模拟出具有手稿感的蜡笔排线与不规则素描边框,将椰子树、帆船、落日及沙滩伞等元素转化为富有艺术感和童趣的...
3D立方体相册
纯CSS 3D立方体网格相册:无需JS的图像翻转拼接特效这是一款3D立方体网格相册效果,基于纯CSS(结合Grid布局与3D转换)技术实现。画面由多个动态排列的3D立方体组成,每个立方体分别承载当前图像的一个局部碎片。在切换图片时,各个立方体通过错落...
3D 网格隧道效果
HTML+Canvas+WebGL 实现沉浸式 3D 网格隧道光影穿梭效果这是一款沉浸式 3D 网格隧道穿梭视觉效果,基于 HTML+Canvas+WebGL 着色器技术实现,重点打磨了真实的光影渲染效果,呈现无限延伸的深邃空间体验。支持播放 / 暂停控制,暂停状态下...
藏碧阁
NFT 数字藏品交易市场 Bootstrap 模板 | 响应式 HTML5 加密艺术平台建站模板这是一款专为 NFT 交易平台场景打造的 HTML 响应式网站模板,涵盖数字藏品展示、加密收藏品交易、非同质化代币等主流应用方向,并支持 MetaMask 钱包集成,契合当下 Web3 产品的实...
粒子动画
Canvas 粒子图片动画 | 鼠标交互噪声场动态绘画效果这是一款 Canvas 粒子图片动画效果,基于 Canvas 画布 + 单纯形噪声算法实现,粒子会继承图片对应位置的像素颜色,随噪声场自然流动,支持鼠标交互影响粒子运动轨迹,粒子有生命周期循环再...
红色丝绒背景
原生 JS 实现红色丝绒质感流动线帘(窗帘)背景效果这是一款基于原生 JavaScript 技术实现的红色丝绒质感流动线帘背景效果,通过 Verlet 物理引擎模拟数千根垂直线条的自然摆动,呈现出逼真的丝绒褶皱与光影流动感,视觉高级且富有层次感,...
图片画廊
React 实现高级感十足的 Morph 变形过渡图片轮播图画廊效果这是一款基于 React 技术实现的 Morph 变形过渡图片画廊效果,支持左右箭头切换与底部缩略图快速导航,图片切换时带有流畅自然的锐化轮廓变形过渡动画,视觉体验高级细腻,适用于个人摄影作品集...
多变液态气泡
WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...
一维时钟
极简一维垂直时钟效果(CSS+JS),创意空间化时间显示设计!这是一款极简一维垂直时钟效果,基于 CSS+JavaScript 技术实现,采用单轴垂直线性布局,小时通过高亮刻度标识,3、6、9、12 点刻度加粗形成自然视觉锚点,分钟以垂直进度条直观展示,每...
GSAP光波切换
鼠标跟随画廊效果 GSAP 光波切换自动轮播组件这是一款鼠标跟随式画廊效果,基于 GSAP 技术实现,圆形光标会跟随鼠标移动,点击切换图片时呈现自然的扩散光波过渡,闲置状态下自动轮播,交互流畅且富有氛围感,适用于摄影作品集、风景展示页、艺术画...