悄悄话流星六改:头窄尾宽光楔、字由小到大、亮头、起步更快后段加速 (v26100170)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
16
mama-box.css
16
mama-box.css
@@ -3922,3 +3922,19 @@ a.skip:focus{left:16px;top:16px}
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.wsk-deco i,.wsk-st i,.wsk-shoot{animation:none}
|
||||
}
|
||||
/* 六改:头窄尾宽的光楔 + 特别亮的头 */
|
||||
.wmt-l,.wmt-c{position:absolute;left:0;top:0;transform-origin:0 50%;border-radius:0;will-change:transform,width}
|
||||
.wmt-l{clip-path:polygon(0 50%,100% 0,100% 100%);filter:blur(5px);
|
||||
background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(220,200,255,.38) 30%,rgba(255,180,200,.16) 70%,transparent)}
|
||||
.wmt-c{height:6px;margin-top:-3px;clip-path:polygon(0 50%,100% 0,100% 100%);filter:blur(1px);
|
||||
background:linear-gradient(90deg,#fff,rgba(255,255,255,.55) 35%,transparent)}
|
||||
.wmt-h{width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,#fff 45%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 72%);
|
||||
box-shadow:0 0 12px 6px #fff,0 0 34px 16px rgba(230,215,255,.85),0 0 80px 30px rgba(255,190,210,.45)}
|
||||
.wmt-h::before,.wmt-h::after{content:"";position:absolute;left:50%;top:50%;width:70px;height:2px;margin:-1px 0 0 -35px;border-radius:2px;
|
||||
background:linear-gradient(90deg,transparent,#fff,transparent)}
|
||||
.wmt-h::after{transform:rotate(90deg);width:40px;margin-left:-20px}
|
||||
.wmt span{font-weight:900}
|
||||
.wmt.mine .wmt-l{background:linear-gradient(90deg,rgba(255,240,210,.8),rgba(255,200,130,.4) 30%,rgba(255,150,90,.16) 70%,transparent)}
|
||||
.wsk-st.flare i{animation:wskFlare2 .42s ease-out forwards}
|
||||
@keyframes wskFlare2{0%{transform:scale(1)}55%{transform:scale(3.4);box-shadow:0 0 26px 14px #fff,0 0 60px 24px rgba(230,210,255,.7)}100%{transform:scale(2);box-shadow:0 0 20px 10px #fff}}
|
||||
.wsk-st.gone{opacity:0;transition:opacity .5s}
|
||||
|
||||
Reference in New Issue
Block a user