Letterpress-Effekt mit CSS

Ich möchte einen letterpress-Effekt wie dieser:
Letterpress-Effekt mit CSS
in CSS. aber ich kann nicht scheinen, um herauszufinden, die richtige text-shadow für Sie.

Farbe von dem Wort: #2f4050
Farbe des Hintergrunds: #4f6478

ich habe es versucht mit:

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    text-shadow:#4f6478 0 1px 5px; 
}

aber dass doesn ' T scheinen zu den trick tun.

InformationsquelleAutor Bart De Kimpe | 2012-05-31
  1. 7
    .letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    text-align:center;
    text-shadow: 0 1px 1px #fff; 
}

    Das sollte es tun. Btw. Sie müssen nicht zu erklären, dass die "normalen" Wert-Paare

    InformationsquelleAutor Alfred Larsson
  2. 5

    Gibt es zwei Schatten. Versuchen Sie so etwas wie

    text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5);

    Diese sollte eine transparente weiße Schatten nach unten rechts und ein transparent schwarz innere Schatten nach Links oben.

    InformationsquelleAutor Stefan
  3. 0

    Verwenden Sie eine hellere Farbe für die Schatten, und weniger Unschärfe. So etwas wie:

    text-shadow: 1px 1px 2px #6ab;
    InformationsquelleAutor Guffa
  4. 0

    Ihre text-shadow ist die gleiche Farbe wie der hintergrund. Sollten Sie eine hellere Farbe wie #809bb5. Oder Sie können einen rgba-Wert zum Beispiel text-shadow: 0 1px 5px rgba(255,255,255,0.4);. Die Letzte Zahl ist die alpha-Transparenz (Deckkraft).

    Ich gezwickt die Schatten etwas... http://jsfiddle.net/qmqF5/

    InformationsquelleAutor Mindthetic
  5. 0

    Das Problem hier ist einfach.

    Geben Sie gleiche Farbe für background-color und text-shadow.

    Geben hellere Farbe auf text-shadow im Vergleich zu hintergrund-und die Textfarbe löst das Problem.

    Danke.

    InformationsquelleAutor Katti
  6. 0

    Erstellen, die letterpress-Effekt zu erzeugen, müssen wir einen Schatten, der heller ist als die Farbe des Textes, um den Effekt zu gewährleisten ordnungsgemäß funktioniert.

    InformationsquelleAutor Harsh Bhatia
Schreibe einen Kommentar