悄悄话流星十二改:字离白头更远、尾巴字段光变柔,小字不被白光吃掉 (v26100176)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26100175 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100176 缓存版本标记:改 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 第四节) -->
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26100175';
|
||||
var VER = '26100176';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
@@ -3538,7 +3538,7 @@
|
||||
字号从头到尾 12px → 26px 渐大,尾巴是一条从头部尖起、往后张开的光楔;
|
||||
运动 = 起步就有速度、缓缓提速,整句出来后再猛加速唰出去。 */
|
||||
const chars = [...String(it.text)], n = chars.length;
|
||||
const f0 = 12, f1 = n > 20 ? 21 : n > 12 ? 24 : 27, gap = 22;
|
||||
const f0 = 13, f1 = n > 20 ? 21 : n > 12 ? 24 : 27, gap = 50; // 十二改:字离白头再远一点,不压在头的白光里
|
||||
const fs = chars.map((c, k) => f0 + (f1 - f0) * Math.pow(n > 1 ? k / (n - 1) : 1, .85));
|
||||
const off = [];
|
||||
fs.reduce((d, f) => { off.push(d + f * .55); return d + f * 1.08; }, gap);
|
||||
|
||||
@@ -4030,3 +4030,6 @@ a.skip:focus{left:16px;top:16px}
|
||||
.wsk-done button{margin-top:16px;height:34px;padding:0 18px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;
|
||||
background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 18px rgba(255,230,200,.25)}
|
||||
@media (prefers-reduced-motion:reduce){.wsk-bright.back .wsk-st{animation:none}}
|
||||
/* 十二改:白光集中在头后一小段,字所在的尾巴段光变柔,小字不再被白光吃掉 */
|
||||
.wmt-l::before{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.7) 8%,rgba(255,255,255,.32) 22%,rgba(240,230,255,.22) 55%,rgba(255,255,255,.06) 90%,transparent)}
|
||||
.wmt.mine .wmt-l::before{background:linear-gradient(90deg,#FFF8EA 0,rgba(255,236,200,.7) 8%,rgba(255,226,180,.32) 22%,rgba(255,210,150,.22) 55%,rgba(255,220,170,.06) 90%,transparent)}
|
||||
|
||||
Reference in New Issue
Block a user