Soften lyric veil's left edge
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015HtPHsTnDcLVSCiF5FGHZj
This commit is contained in:
parent
b888f0226e
commit
d0a063e92a
1 changed files with 7 additions and 3 deletions
|
|
@ -270,10 +270,14 @@ body.balada .music-ticker {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.5s ease;
|
transition: opacity 0.5s ease;
|
||||||
/* véu escuro atrás da letra p/ ler sobre a Via Láctea; a máscara vertical
|
/* véu escuro atrás da letra p/ ler sobre a Via Láctea; esmaece nas duas
|
||||||
também esmaece o véu, então as bordas continuam suaves */
|
pontas horizontais (e a máscara vertical cuida de cima/baixo) */
|
||||||
background: linear-gradient(to right,
|
background: linear-gradient(to right,
|
||||||
rgba(3, 8, 20, 0.58) 0%, rgba(3, 8, 20, 0.38) 70%, transparent 100%);
|
transparent 0%,
|
||||||
|
rgba(3, 8, 20, 0.50) 6%,
|
||||||
|
rgba(3, 8, 20, 0.56) 16%,
|
||||||
|
rgba(3, 8, 20, 0.34) 72%,
|
||||||
|
transparent 100%);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
|
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
|
||||||
mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
|
mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue