Florian M.: Kann man mit CSS einen 3D Effekt für Text erzielen?

Guten morgen,

ich denke mit meinem Betreff habe ich eigentlich den Nagel auf den
Punkt gebracht.
Mein Ziel ist die Überschriften mit einem 3D-Effekt etwas lockerer
hervorzuheben. Es gibt die Möglichkeit mit text-shadow diesen Effekt
zu erzielen. "Leider wird er bislang von keinem der verbreiteten
Browser interpretiert." - Zitat Selfhtml

Gibt es alternative Möglichkeiten? Wenn ja welche?

bis denn
Florian

  1. Hallo,

    Guten morgen,

    Mein Ziel ist die Überschriften mit einem 3D-Effekt etwas lockerer
    hervorzuheben. Es gibt die Möglichkeit mit text-shadow diesen Effekt
    zu erzielen. "Leider wird er bislang von keinem der verbreiteten
    Browser interpretiert." - Zitat Selfhtml

    Gibt es alternative Möglichkeiten? Wenn ja welche?

    hier ein Gedankenanstoss:

    <html>
    <head>
    <title></title>
    </head>
    <body >
    <div style="position:absolute; color:#C0C0C0; font-size:16pt;">Dieser Text wirft einen Schatten.</div><div style="position:relative; top:-3; left:-3; font-size:16pt;">Dieser Text wirft einen Schatten.</div>
    </body>
    </html>

    Gruß

    Axel

  2. Hallo Florian,

    Mein Ziel ist die Überschriften mit einem 3D-Effekt etwas lockerer
    hervorzuheben.

    .schatten {
    color:#9C9C9C;
    font-size:36pt;
    margin-bottom:0px;
    font-weight:bold;}

    .text {
    color:#1A2A70;
    font-size:36pt;
    margin-top:-44pt;
    margin-left:-3pt;
    font-weight:bold;}

    <p class="schatten">Schattenwurf</p>
    <p class="text">Schattenwurf</p>

    mit dem Nachteil, dass du eine fixe Schriftgröße verwendest.

    Grüße von Maxx

  3. Danke Maxx und Axel für Eure Tipps.

    Hat mich aufjedenfall weitergebracht und vorallendingen auf
    andere Ideen aufmerksam gemacht.

    DANKE !!!

    bis denn
    Florian