style(首页头图): 羊水质感升级——顶部光束、真实水底焦散、液体折射、悬浮微粒 (v26100409)
- 焦散改为游动点细胞边界 + 正弦扭曲的不规则细亮网,两层叠加,囊内更亮 - 光束从顶部斜射,三层软边,摆动明暗;亮度加强 - .hero-baby 挂 SVG 位移滤镜 #mbFluid,羊水折射式轻微晃动 - 新增 34 颗悬浮微粒,经过光束时更亮 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -309,6 +309,8 @@ a.skip:focus{left:16px;top:16px}
|
||||
-webkit-mask-image:radial-gradient(closest-side,#000 84%,transparent 100%);
|
||||
mask-image:radial-gradient(closest-side,#000 84%,transparent 100%)}
|
||||
.hero-kid.is-on{opacity:1}
|
||||
/* 液体折射(SVG 滤镜 #mbFluid 由 hero-fx.js 注入;减少动态效果时 JS 不加这个类) */
|
||||
.hero-baby.is-fluid{filter:url(#mbFluid)}
|
||||
/* 阳光 + 水波:整块橙区一张画布,加色混合,叠在宝宝上、文字下 */
|
||||
.hero-fx{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.2s ease}
|
||||
.hero-fx.is-on{opacity:1}
|
||||
|
||||
Reference in New Issue
Block a user