Innerer Schatten im Text mit CSS

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies
BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: Innerer Schatten im Text mit CSS

by Guest » 04 Jan 2025, 06:35

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

Top