WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!

多变液态气泡

WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!

这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...

静态图+火焰:CSS实现的壁橱里火焰燃烧,周围微微火光映照的治愈感氛围效果

数字温床

静态图+火焰:CSS实现的壁橱里火焰燃烧,周围微微火光映照的治愈感氛围效果

这是一款极具治愈感的氛围渲染设计,基于 CSS 动画与光影滤镜技术以及少量JS代码实现。它最动人的地方在于对“静止影像”的数字化生命赋予:原本只是一张冬日午后猫咪在壁炉旁小憩的静态照片,但通过代...

基于 CSS 实现的渐进模糊镜面反射倒影效果,附带缩略图导航图片轮播组件

镜面反射

基于 CSS 实现的渐进模糊镜面反射倒影效果,附带缩略图导航图片轮播组件

这是一款渐进模糊镜面反射倒影效果,基于纯 CSS 技术实现,能让山脉在水面的倒影呈现出由近及远逐渐模糊的视觉层次,营造出逼真的山水倒影质感,营造出静谧、真实的视觉氛围。画面中景物在水平线以下形成...

纯CSS实现的带镜面反射效果的3D原地旋转自动轮播组件

圆形轮播

纯CSS实现的带镜面反射效果的3D原地旋转自动轮播组件

这是一款基于CSS高级选择器 sibling-index() 和 sibling-count() 实现的多功能3D圆形原地旋转自动轮播组件,支持图片或图文卡片形式,支持悬停暂停效果、支持动态计算...

炫酷的CSS游戏卡片3D轮播展示效果,镜面反射为图片带来高级感!

3D轮播

炫酷的CSS游戏卡片3D轮播展示效果,镜面反射为图片带来高级感!

这是一款 CSS 卡牌轮播效果,基于纯 CSS 技术实现,左右滑动屏幕能让多张游戏卡牌有序且富有动感地轮播展示,还带有精致的倒影效果,视觉呈现很炫酷,手机展示效果更佳。适用于卡牌游戏展示、集换式...

HTML中基于CSS实现3D海报展示及左右滚动切换效果,带指示滑块和镜面反射效果

3D切换

HTML中基于CSS实现3D海报展示及左右滚动切换效果,带指示滑块和镜面反射效果

这是一款惊艳的3D图片滚动轮播效果,通过上下滑动鼠标即可实现带有镜面反射效果的立体图片左右来回切换的功能。基于CSS3技术实现,通过使用transform-style: preserve-3d来...

CSS实现3D旋转彩色闪光球体

闪光球

CSS实现3D旋转彩色闪光球体

这是一款真正的纯CSS 3D球体效果,基于CSS 3D转换、clip-path和滤镜技术实现。通过CSS创建一个具有真实感的3D发光旋转彩色球体,利用基本形状与剪裁路径来定义球体的轮廓,并使用滤...