精品
3D全景地球
Three.js WebGPU 电影级 3D 地球全景 — 带日食、城市灯光和实时调参的网页特效这是一款电影级 3D 地球效果，基于 Three.js WebGPU 技术实现。地球可以自由拖动旋转，白天能看清地形和海洋反光，转到夜晚就是密密麻麻的城市灯光，云层会在地面投下影子，边缘还有一圈...
发光卡片
月相科普卡片 - CSS玻璃态分割式发光图文卡片展示效果这是一款基于CSS实现的玻璃态卡片效果，通过巧妙的视觉分割将一张完整的月球背景图分解成四个不同主题的展示区域。核心创意在于"图片分割术"：整个界面使用同一张完整的月球高清图作为背景，四张卡片通过...
太阳光照地球
svg + canvas 太阳光照在地图上产生光照与阴影效果这是一款基于 svg + canvas 技术实现的太阳光照与阴影位置可视化效果，通过结合SunCalc库，能动态展示太阳在不同时间、不同经纬度下的光照范围和阴影分布情况。通过色彩渐变（如从黄色到...
星系运转
HTML+CSS鼠标滚动驱动太阳、地球、月球相互转动动画源码这是一款银河轨道滚动动效，基于CSS Scroll-Driven Animations技术实现，通过页面滚动驱动星体（太阳、地球与月球）轨道旋转动画，适用于天文科普或科幻主题网页场景