Firefox 13 und CSS3

J.o.h

Seit dem Update werden die CSS3 Animationen nicht mehr dargestellt.
Ich hab schon versucht das Präfix -moz zu entfernen, da das laut heise online
in der aktuellen FF Version nicht mehr nötig ist.

:-??

Bernd.

Beispielseite?

madperson

die relevanten änderungen für web entwickler sollten hier beschrieben sein:
https://developer.mozilla.org/en/Firefox_13_for_developers

J.o.h

Zitat von Bernd.

Beispielseite?

http://www.julian-der-magier.de

-die Newsseite-

In Safari wird der glow um die Textbox angezeigt!

J.o.h

Zitat von madperson

die relevanten änderungen für web entwickler sollten hier beschrieben sein:
https://developer.mozilla.org/en/Firefox_13_for_developers

Wie schon geschrieben, habe ich das Präfix -moz weggelassen.

Bernd.

Mehrere Designfehler vorhanden
* iframes sind nicht schick
* das iframe lässt sich bzgl Analyse nicht einzeln aufrufen, man wird immer zurückgeleitet
* die Textbox hat hier nur oben und unten eine Linie, was auf generelle Fehler schliessen lässt, rechts und links fehlen komplett.

Daher dürfte auch kein Glow zu sehen sein, wenn die Ränder vorn und hinten nicht stimmen. Die Seite für wohl für den IE optimiert, aber nicht für Firefox.

J.o.h

Zitat von Bernd.

Mehrere Designfehler vorhanden
* iframes sind nicht schick

das ist nicht die Problematik

Zitat von Bernd.

* das iframe lässt sich bzgl Analyse nicht einzeln aufrufen, man wird immer zurückgeleitet

das ist so gewollt

Zitat von Bernd.

* die Textbox hat hier nur oben und unten eine Linie, was auf generelle Fehler schliessen lässt, rechts und links fehlen komplett.

Das ist auch gewollt, da im IE ja keine CSS3 Funktionen

In FF 12 hat's ja funktioniert!

:traurig:

Bernd.

Ok, dann setz weiter deine Scheuklappen auf. In Firefox 12 wurde es übrigens auch nicht angezeigt. tschö.

J.o.h

Zitat von Bernd.

Ok, dann setz weiter deine Scheuklappen auf. In Firefox 12 wurde es übrigens auch nicht angezeigt. tschö.

Wie bist du denn drauf?
Klar hat's in FF 12 funktioniert!
Ich hab doch geschrieben, dass ich die Präfixe gerade entfernt habe!

Danke für die Hilfe!

:klasse:

Steph

Nur mal so nebenbei ... ich sehe - JavaScript deaktiviert - auf der Eingangsseite weder CSS3 noch ein Navigationsmenü.

bugcatcher

Machs so und gut ist:

Code

@-webkit-keyframes glow {
	0% {
		-webkit-box-shadow: 0 0 16px rgba(203, 63, 2, 0.5);

	}
	100% {
		-webkit-box-shadow: 0 0 16px rgba(203, 63, 2, 1.0), 0 0 36px rgba(203, 63, 2, 1.0);

	}
}
@-moz-keyframes glow {
	0% {
		-moz-box-shadow: 0 0 16px rgba(203, 63, 2, 0.5);
		box-shadow: 0 0 16px rgba(203, 63, 2, 0.5);

	}
	100% {
		-moz-box-shadow: 0 0 16px rgba(203, 63, 2, 1.0), 0 0 36px rgba(203, 63, 2, 1.0);
		box-shadow: 0 0 16px rgba(203, 63, 2, 1.0), 0 0 36px rgba(203, 63, 2, 1.0);

	}
}
@-ms-keyframes glow {
	0% {
		box-shadow: 0 0 16px rgba(203, 63, 2, 0.5);

	}
	100% {
		box-shadow: 0 0 16px rgba(203, 63, 2, 1.0), 0 0 36px rgba(203, 63, 2, 1.0);

	}
}

Alles anzeigen

J.o.h

Zitat von bugcatcher

Machs so und gut ist:

Danke, funktioniert!

2002Andreas

Zitat von J.o.h

Danke, funktioniert!

Entfern dazu bitte noch aus dem 3ten und 4ten Code jeweils das -moz- von -moz-box-shadow

J.o.h

Zitat von 2002Andreas

Entfern dazu bitte noch aus dem 3ten und 4ten Code jeweils das -moz- von -moz-box-shadow

Alles klar!

:wink:

bugcatcher

Zitat von 2002Andreas

Entfern dazu bitte noch aus dem 3ten und 4ten Code jeweils das -moz- von -moz-box-shadow

Den hab ich absichtlich für ältere Firefox Versionen drin gelassen. ; )

2002Andreas

Dann sorry, das habe ich nicht gewusst :oops: