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;
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s ease;
|
||||
/* véu escuro atrás da letra p/ ler sobre a Via Láctea; a máscara vertical
|
||||
também esmaece o véu, então as bordas continuam suaves */
|
||||
/* véu escuro atrás da letra p/ ler sobre a Via Láctea; esmaece nas duas
|
||||
pontas horizontais (e a máscara vertical cuida de cima/baixo) */
|
||||
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;
|
||||
-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%);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue