纸艺剪裁风格 3D 手表动态表盘效果(GSAP+SVG)

3D手表

纸艺剪裁风格 3D 手表动态表盘效果(GSAP+SVG)

这是一款拟物化手表动画效果,基于GSAP+SVG滤镜技术实现。整体采用纸艺剪裁风格,表盘呈现出柔和的立体层次感,像是用半透明纸片层叠出来的。最巧妙的是表盘上的时间显示——利用SVG的goo滤镜(...

CSS新拟态风格「Neumorphism」登录注册表单组件,支持单页面切换注册登录功能

登录注册表单

CSS新拟态风格「Neumorphism」登录注册表单组件,支持单页面切换注册登录功能

这是一款新拟态风格登录注册表单布局,基于CSS框阴影技术实现,通过柔和的凹凸质感与微妙的光影变化,打造具有现代感的软UI界面,点击注册或者登录按钮实现界面左右交换,特别具有创意的登录注册表单布局...

CSS+JS新拟态风格计算器(支持明暗模式切换)

计算器

CSS+JS新拟态风格计算器(支持明暗模式切换)

​这是一款新拟态风格计算器效果,基于CSS box-shadow+JavaScript技术实现,通过双阴影创造立体触感并支持深浅模式切换,适用于金融类应用、工具类网站或UI设计展示场景。

swiper js实现的新拟态风格经典名画与详细介绍自动轮播组件

图文轮播

swiper js实现的新拟态风格经典名画与详细介绍自动轮播组件

这是一款自动轮播的名画展示组件,基于swiper js组件实现,新拟态设计风格+自动播放+圆点导航组成了一款时尚美观的自动轮播器,通过柔光阴影和动态背景增强艺术氛围,适用于美术馆网站或文化类内容...

CSS液态新拟态滑动条温度指示器,通过流动形变模拟水波纹触控反馈

滑动指示器

CSS液态新拟态滑动条温度指示器,通过流动形变模拟水波纹触控反馈

这是一款新拟态液体滑块效果,基于CSS裁剪路径动画技术实现,通过流动形变模拟水波纹触控反馈,适用于高级表单控件和创意交互组件场景。

纯CSS 3D玻璃蒙层新拟态(Neumorphic)风格开关按钮

开关按钮

纯CSS 3D玻璃蒙层新拟态(Neumorphic)风格开关按钮

​这是一款3D玻璃质感开关效果,基于纯CSS技术实现,融合新拟态风格(Neumorphic)和背景滤镜呈现通透触控反馈,适用于高端UI界面和暗黑模式切换场景。

纯CSS实现的交互式新拟态柔软凸起风格点赞、收藏按钮

柔软按钮

纯CSS实现的交互式新拟态柔软凸起风格点赞、收藏按钮

​这是一款柔软凸起3D新拟态风格按钮,基于纯CSS技术实现,提供了丰富的交互体验。按钮在悬停(hover)、聚焦(focus)、按压(press)等状态下会有不同的视觉反馈,并支持保持按压、释...