今日脚印「全部」再往左让,避开掀角 (v26100448)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -4669,6 +4669,7 @@ a.skip:focus{left:16px;top:16px}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ============ 祈福树入口 · 今日脚印掀角(2026-10-05) ============
|
||||
用户:「祈福树放到今日脚印的右上角,把右上角掀开一点,再把祈福树露出来」(之前放工具卡右上角 / 头图底边,已撤)。
|
||||
画法(全在卡片里面,不动卡片本身的毛玻璃 / 圆角):
|
||||
@@ -4676,9 +4677,9 @@ a.skip:focus{left:16px;top:16px}
|
||||
· .pl-hole = 方块右上那半个三角(对角线以上),代表「纸掀开后底下那层」:暖米色 + 祈福树,右上角跟卡片一样 26px 圆角;
|
||||
· .pl-flap = 方块左下那半个三角,就是被掀起来、翻过去的那一角纸背(对角线上最亮,往折角尖渐暗),外层 .pl-flapw 打投影;
|
||||
· 偶尔动一动:每 7 秒最后一下纸角再掀起一点(--pl 46 → 52)、树轻轻摆,再落回去。
|
||||
「全部 ›」往左让 20px,不被纸角压住。图用宝宝祈福提供的缩略图(裁边缩到 150px 存本地)。 */
|
||||
「全部 ›」往左让 34px(纸角左边线在卡片右边往里 46px,掀起时 52px),不被纸角压住。图用宝宝祈福提供的缩略图(裁边缩到 150px 存本地)。 */
|
||||
.today-line{position:relative}
|
||||
.today-line .fp-all{margin-right:20px}
|
||||
.today-line .fp-all{margin-right:34px}
|
||||
@property --pl{syntax:"<length>";inherits:true;initial-value:46px}
|
||||
.fp-peel{--pl:46px;position:absolute;top:0;right:0;z-index:4;width:var(--pl);height:var(--pl);display:block;
|
||||
-webkit-tap-highlight-color:transparent;animation:plLift 7s ease-in-out infinite}
|
||||
|
||||
Reference in New Issue
Block a user