fix(首页头图): 羊水囊边缘和外部背景柔和过渡,去掉割裂感 (v26093008)

- 静态囊图边缘改为 r232→300 平滑羽化,底图在囊外加一圈很柔的暖光,把囊壁化进底色。
- 去掉 .hero-sac 的 CSS 椭圆遮罩(横竖半径不同,把囊壁左右削掉、上下留着,是割裂的主因)。
- 视频遮罩放宽为 74%→96%,和静态囊壁柔和叠合,镜头推近时也不出边。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 09:30:17 +00:00
parent 9bb3c5a533
commit d5ee5c8654
7 changed files with 13 additions and 12 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26093007 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26093008 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
@@ -64,7 +64,7 @@
静态图 .hero-sac 垫底(= 视频第 1 帧),上面叠一段只截了囊内的循环短视频 .hero-kid,
宝宝自己吸手指、蹬腿,囊本身不动。视频放不起来(微信拦自动播放等)就停在静态图上。 -->
<div class="hero-baby" aria-hidden="true">
<img class="hero-sac" src="assets/img/c8db7fd56e68.jpg" alt="">
<img class="hero-sac" src="assets/img/d5060a4a27fe.jpg" alt="">
<video class="hero-kid" id="heroKid" src="assets/video/b6476cfce328.mp4"
muted autoplay loop playsinline webkit-playsinline x5-playsinline
preload="auto" disablepictureinpicture></video>