超写实雨滴玻璃动态壁纸生成器(WebGL+CSS)|支持日历+本地实时天气

实时壁纸

超写实雨滴玻璃动态壁纸生成器(WebGL+CSS)|支持日历+本地实时天气

这是一款基于 WebGL + CSS Glassmorphism 技术实现的雨天玻璃模拟效果,雨滴的折射、流淌、聚合全部逼真还原,不是简单的动图,而是实时渲染的物理级视觉体验。背景支持自定义图片...

GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果

雪盖蚊子

GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果

这是一款雪花飘落动画效果,飘落的雪花覆盖于 3D 文字之上,让文字的边缘线条堆砌出毛茸茸的质感,这款动画效果基于CSS+JavaScript技术实现,有种冬日窗花的意境。

纯 CSS 像素点阵模拟的高性能数字化电子显示屏效果

电子屏|点阵像素

纯 CSS 像素点阵模拟的高性能数字化电子显示屏效果

这是一款工业级 LED 点阵像素显示屏效果,基于 CSS 网格遮罩(Masking)与纹理平铺技术实现。它通过极其细腻的点阵颗粒模拟出物理显示器的发光特性,文字或图形在网格中呈现出独特的“数字化...

GSAP+CSS实现的超现代玻璃质感温控器,UI色调随温度变化!

温控器

GSAP+CSS实现的超现代玻璃质感温控器,UI色调随温度变化!

这是一款现代感十足的玻璃质感温度调控器(温控器)交互效果,基于GSAP Draggable与CSS实现,用户可拖动滑块调节温度,实时反馈当前数值与状态,当前温度数值会突出显示。当温度低于40°F...

会下雪的天气卡片:动态雪天天气小组件(CSS+JS)

天气卡片

会下雪的天气卡片:动态雪天天气小组件(CSS+JS)

这是一款极简风格的雪天天气小部件,基于CSS动画与JavaScript交互实现,通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动,云层缓缓飘过,雪花持续飘落,视觉上...

CSS天气卡片HTML5源码,支持鼠标移动交互效果

天气卡片

CSS天气卡片HTML5源码,支持鼠标移动交互效果

这是一款带鼠标交互效果的天气卡片布局效果,卡片的细节以及外观通过CSS动画技术实现,当鼠标晃动时卡片内部元素随之移动并且偶尔还会有流行从卡片内部滑过,这些是通过JS事件实现的,这款效果特别适合a...

CSS+JS摇杆式创意数字时钟,摇杆拨动屏幕中的天气动画随之轮转

摇杆时钟

CSS+JS摇杆式创意数字时钟,摇杆拨动屏幕中的天气动画随之轮转

这是一款通过JS+CSS+SVG技术实现的创意满满的摇杆式电子时钟,时钟的中间是一块显示时间与天气风景的屏幕,拥有塑料材质的外围包裹,顶部有一个可以左右拖动的摇杆,通过转动摇杆屏幕中的动画以及背...

Three.js支持交互的时尚3D天气云雨预报小组件

天气组件

Three.js支持交互的时尚3D天气云雨预报小组件

这是一款3D天气预报互动组件,基于Three.js+WebGL技术实现,点击触发下雨动画效果,适用于气象类网站和交互式仪表盘场景。

CSS萌系卡通风格太阳+云朵组成的天气元素动画效果源码下载

卡通天气动画

CSS萌系卡通风格太阳+云朵组成的天气元素动画效果源码下载

这是一款可爱懵懂卡通风格天气动画效果,基于纯HTML+CSS技术实现,通过太阳和云朵的动态交互营造清新氛围,适用于儿童类网站、天气应用界面或趣味营销页面场景。

CSS+JS动态天气预报卡片效果,以小时为维度结合卡片背景动画来显示天气的变化

天气卡片

CSS+JS动态天气预报卡片效果,以小时为维度结合卡片背景动画来显示天气的变化

这是一款天气状态切换动画组件,基于CSS过渡与关键帧技术实现,以小时为维度显示天气变化,并且卡片背景根据天气变化显示不同的天气效果,适用于天气预报应用或数据可视化展示场景。

CSS极简帆船航海图标

小船图标

CSS极简帆船航海图标

这是一款帆船图标效果,基于纯CSS技术实现,通过三角帆布和船体曲线以及船下的水面构建极简航海标志,适用于旅游网站和天气应用界面。

纯CSS温度计图标源码

温度计图标

纯CSS温度计图标源码

这是一款温度计图标效果,基于纯CSS技术实现,利用多种渐变函数创建完整图标,适用于天气应用和仪表盘界面。