Übertrage ein SVG von einer Graustufen-ähnlichen css3-Übergangsanimation

8

Ich versuche, ein Element mit einer unten beschriebenen Technik von Graustufen zu Farbe zu überführen:

CSS

%Vor%

Für Firefox haben wir filters.svg

%Vor%

Wie kann ich die gleiche Übergangseigenschaft nachahmen, die auf Chrome, IE9 usw. funktioniert?

Bearbeiten : Ich möchte meine Übergangseigenschaften mit meinem SVG-Fix für Firefox arbeiten lassen.

    
SMacFadyen 26.09.2012, 09:09
quelle

2 Antworten

4

Sie können ein zusätzliches Element, das die Graustufenversion enthält, der Farbversion überlagern. Dann animieren Sie die Opazität ...

%Vor%

Für Browser, die CSS-Übergänge nicht unterstützen, können Sie die Deckkraft mit jQuerys fadeIn()

animieren     
Duopixel 26.09.2012, 09:56
quelle
0

Sie können etwas wie folgt verwenden:

%Vor%

Hier ist die Demonstration der Geige: Ссылка

Allerdings ist der CSS-Filter derzeit nur in Webkit-Browsern implementiert. Aus Kompatibilitätsgründen können Sie Javascript als Ausweichlösung verwenden. Hier ist eine kleine Bibliothek, die den gleichen Job mit Javascript machen: Ссылка

    
Simo Endre 26.09.2012 09:23
quelle

Tags und Links