Raucher
[gelöst]Transition (ease-in-out) in Firefox zum laufen bringen...
Hi,
in der Hoffnung das Problem schneller zu lösen suche ich heute mal Hilfe bei euch.
Also zu meinem Problem; ich bin dabei eine, wirklich kleine, Webseite für einen befreundeten Fotografen zu erstellen.
Link zur Seite
Die Navigation ist eigentlich recht Simpel und beschränkt sich auf die drei Einträge, wie Ihr seht ist der Hover Effekt so eingestellt, dass beim ansteuern mit der Maus die Kärtchen nach oben verschoben werden.
hier soll eigentlich der Transition-Effekt ease-in-out seine Arbeit aufnehmen.
Tut er allerdings nicht. Dies Betrifft hauptsächlich den Firefox, Safarie und Opera haben kein Probleme.
Gibt es beim Firefox bestimmte Richtlinien, welche ich zu beachten noch nicht verinnerlicht habe?
Wäre Super wenn sich jemand von euch damit auseinander setzt und vielleicht auf Anhieb erkennt was ich im Firefox falsch mache.
Ich habe Testweise eine bei Googel gefundene Transitions in Firefox getestet diese Funktionieren einwandfrei...Testeweise-Wechselfarbe Das ist jetzt nur für den FF gemacht.
Zu Rate gezogen habe ich bisher :W3schools
Danke vorab.
Hi,
in der Hoffnung das Problem schneller zu lösen suche ich heute mal Hilfe bei euch.
Also zu meinem Problem; ich bin dabei eine, wirklich kleine, Webseite für einen befreundeten Fotografen zu erstellen.
Link zur Seite
Die Navigation ist eigentlich recht Simpel und beschränkt sich auf die drei Einträge, wie Ihr seht ist der Hover Effekt so eingestellt, dass beim ansteuern mit der Maus die Kärtchen nach oben verschoben werden.
hier soll eigentlich der Transition-Effekt ease-in-out seine Arbeit aufnehmen.
Tut er allerdings nicht. Dies Betrifft hauptsächlich den Firefox, Safarie und Opera haben kein Probleme.
Gibt es beim Firefox bestimmte Richtlinien, welche ich zu beachten noch nicht verinnerlicht habe?
HTML:
.montage-block:hover #block1
{
top:-40px;
}
#block1
{
cursor:hand;
position: absolute;
width: 150px;
height: 70px;
display: block;
background: url("./img/links/gallery.jpg") no-repeat;
-webkit-transition: top 0.3s ease-in-out;
-moz-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}Wäre Super wenn sich jemand von euch damit auseinander setzt und vielleicht auf Anhieb erkennt was ich im Firefox falsch mache.
Ich habe Testweise eine bei Googel gefundene Transitions in Firefox getestet diese Funktionieren einwandfrei...Testeweise-Wechselfarbe Das ist jetzt nur für den FF gemacht.
Zu Rate gezogen habe ich bisher :W3schools
Danke vorab.
Zuletzt bearbeitet:
