Lighten gravestone to keep the asset's original shading
The first tint crushed the PNG into the same dark slate as the old CSS stone. Now only a subtle cool cast is applied so chips, pocks and the 3D side read clearly; moss overlay softened and engraving darkened for contrast on the lighter stone. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015HtPHsTnDcLVSCiF5FGHZj
This commit is contained in:
parent
1338879e1d
commit
aa832727da
2 changed files with 7 additions and 7 deletions
|
|
@ -1300,9 +1300,9 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
|||
position: absolute;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(circle at 18% 96%, rgba(74,105,60,0.60), transparent 40%),
|
||||
radial-gradient(circle at 80% 97%, rgba(58,88,46,0.50), transparent 36%),
|
||||
radial-gradient(circle at 50% 100%, rgba(66,96,52,0.42), transparent 46%);
|
||||
radial-gradient(circle at 18% 96%, rgba(74,105,60,0.42), transparent 36%),
|
||||
radial-gradient(circle at 80% 97%, rgba(58,88,46,0.34), transparent 32%),
|
||||
radial-gradient(circle at 50% 100%, rgba(66,96,52,0.28), transparent 42%);
|
||||
-webkit-mask: url('gravestone.png') center / contain no-repeat;
|
||||
mask: url('gravestone.png') center / contain no-repeat;
|
||||
}
|
||||
|
|
@ -1312,8 +1312,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
|||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 3.2vh;
|
||||
color: #8d81a8;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,0.16), 0 -1px 1px rgba(0,0,0,0.70);
|
||||
color: #55496e;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,0.30), 0 -1px 1px rgba(0,0,0,0.55);
|
||||
}
|
||||
/* inscrição gravada (rebaixo: sombra clara embaixo, escura em cima) */
|
||||
.grave-text {
|
||||
|
|
@ -1325,8 +1325,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
|||
font-weight: bold;
|
||||
font-size: 2.4vh;
|
||||
letter-spacing: 0.4vh;
|
||||
color: #9187ae;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,0.20), 0 -1px 1px rgba(5,3,14,0.80);
|
||||
color: #5a4e74;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,0.32), 0 -1px 1px rgba(5,3,14,0.60);
|
||||
}
|
||||
.grave-line {
|
||||
position: absolute;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 6 KiB After Width: | Height: | Size: 6.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue