Beiträge von Maverick76

Maverick76

Es funktioniert jetzt mit Display:inline-block;
Jetzt läuft es nicht nur im Firefox, sondern auch im Chrome !
Ich danke Euch Leute, ganz besonders Dir Sören.

Maverick76

Einen Text im Firefox mit "transform:rotate" zu drehen geht normalerweise.
Nur in Kombination mit dem "href" geht das nicht !
Vielleicht gibt es einen anderen Weg, als meinen, den Text im "href" trotzdem
zum drehen zu bringen.
Denn im IE läuft es !

Maverick76

Hier nochmal der vollständige CSS und HTML Code:

Code

#Meine_Link_Ebene
{
    font-family:Times New Roman;
    font-size:110%;
    font-weight:bold;
    position:absolute;
    border:none;
    z-index:5;
    width:80%;
    left:10%;
}


#Meine_Links
{
    font-size:120%;
    line-height:130%;
    animation: Text_drehen 700s forwards;
    -moz-animation: Text_drehen 700s forwards;
    -webkit-animation: Text_drehen 700s forwards;
}


@keyframes Text_drehen
{
100%
{
	transform:rotateY(36000deg);

}

}


@-moz-keyframes Text_drehen
{
100%
{
	-moz-transform:rotateY(36000deg);


}

}


@-webkit-keyframes Text_drehen
{
100%
{
	-webkit-transform:rotateY(36000deg);


}

}


@-o-keyframes Text_drehen
{
100%
{
	-o-transform:rotateY(36000deg);

}

}






Und hier der HMTL Code:


<div id="Meine_Link_Ebene" style="top:27%">


<a id="Meine_Links" href="http://www.w3c.org" target="_blank" style="color:blue; font-weight:bold">W3C</a>				&nbsp; Das W3C ist für die Weiterentwicklung der Internetsprachen zuständig.<br><br>


<a id="Meine_Links" href="http://www.icann.org" target="_blank" style="color:blue; font-weight:bold">ICANN</a>			
Internet Corporation for Assigned Names and Numbers.<br><br>


<a id="Meine_Links" href="http://www.denic.de" target="_blank" style="color:blue; font-weight:bold">Denic</a>				 Zentrale Registrierungsstelle für alle Domains unterhalb der Top Level Domain .de.<br><br>


<a id="Meine_Links" href="http://www.cern.ch" target="_blank" style="color:blue; font-weight:bold">CERN</a>			&nbsp;&nbsp;
Am CERN wurde ursprünglich das HTML entwickelt.<br><br>
</div>

Alles anzeigen

Maverick76

Hallo,
ich habe ein Problem mit der Darstellung von drehendem Text mittels CSS3 Programmierung.
Folgender Code funktioniert nur im IE:

#Meine_Links
{
font-size:120%;
line-height:130%;
z-index=92;
animation: Text_drehen 700s forwards;
-moz-animation: Text_drehen 700s forwards;
-webkit-animation: Text_drehen 700s forwards;
}

@-moz-keyframes Text_drehen
{
100%
{
-moz-transform:rotateY(36000deg);

}
}

Für die Lösung des Problems bedanke ich mich schon mal im Voraus !