Kann man mit CSS einen 3D Effekt für Text erzielen?
Florian M.
- css
0 Axel Richter0 Maxx0 Florian M.
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
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
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
Danke Maxx und Axel für Eure Tipps.
Hat mich aufjedenfall weitergebracht und vorallendingen auf
andere Ideen aufmerksam gemacht.
DANKE !!!
bis denn
Florian