Letterpress-Effekt mit CSS

8

Ich möchte einen Buchdruckeffekt wie folgt machen:  in CSS. aber ich kann nicht den richtigen Text-Schatten dafür finden.

Farbe des Wortes: # 2f4050 Farbe des Hintergrunds: # 4f6478

Ich habe es versucht mit:

%Vor%

aber das scheint nicht den Trick zu machen.

    
Bart De Kimpe 31.05.2012, 09:18
quelle

6 Antworten

6
%Vor%

Das sollte es tun. Übrigens. Sie müssen die "normalen" Wertepaare nicht deklarieren

    
Alfred Larsson 31.05.2012, 09:33
quelle
5

Es gibt zwei Schatten. Versuchen Sie etwas wie

%Vor%

Dies sollte unten rechts einen transparenten weißen Schatten und oben links einen transparenten schwarzen inneren Schatten ergeben.

    
Stefan 31.05.2012 09:34
quelle
0

Verwenden Sie eine hellere Farbe für den Schatten und weniger Unschärfe. Etwas wie:

%Vor%     
Guffa 31.05.2012 09:32
quelle
0

Ihr Textschatten hat dieselbe Farbe wie der Hintergrund. Sie sollten eine hellere Farbe wie #809bb5 verwenden. Oder Sie können einen rgba-Wert verwenden, zum Beispiel text-shadow: 0 1px 5px rgba(255,255,255,0.4); . Die letzte Zahl ist Alpha Transparenz (Opazität).

Ich habe den Schatten leicht verändert ... Ссылка

    
Mindthetic 31.05.2012 09:33
quelle
0

Das Problem hier ist einfach.

Sie geben dieselbe Farbe für Hintergrundfarbe und Textschatten.

Dem Textschatten wird im Vergleich zum Hintergrund eine hellere Farbe verliehen und die Textfarbe löst das Problem.

Danke.

    
Katti 31.05.2012 09:36
quelle
0

Um den Buchdruck-Effekt zu erstellen, müssen wir einen Schatten hinzufügen, der heller ist als die Farbe des Textes, um sicherzustellen, dass der Effekt korrekt funktioniert.

    
Harsh Bhatia 22.12.2013 10:29
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset lösche Zeilen mit sed einem speziellen Regex