Page 1 of 1

Innerer Schatten im Text mit CSS

Posted: 04 Jan 2025, 06:35
by Guest

Code: Select all

.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;
background-clip: text;
text-shadow: 1px 1px 5px  rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}

Code: Select all

A


Ich habe also dieses Figma-Design, bei dem ich einen inneren Schatten hinzufügen muss text.Figma Design
Hier ist mein bisheriger Code:

Code: Select all

.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;
background-clip: text;
text-shadow: 1px 1px 5px  rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}

A

Irgendeine Idee, wie ich das zum Laufen bringen kann, denn ich habe einiges ausprobiert, aber nichts hat funktioniert. Also dachte ich, ich könnte hier um Hilfe bitten.
Vielen Dank im Gegenzug