Hier ist ein kleiner Auszug von dem, was ich versuche zu tun:
%Vor%Dies könnte mit CSS gemacht werden:
%Vor%und es funktioniert. In WebKit, bei Hover, wird es jedoch langsam größer, anders als in Firefox oder IE, wo die Bilder sofort groß werden.
Es wäre schöner, wenn wir etwas haben könnten wie:
%Vor%Wie können wir Übergangseffekte hinzufügen oder nicht nur für Webkit, sondern auch für IE, Firefox usw. skalieren.
Aktualisieren : Ich habe eine tolle Probe davon bekommen, wie man so etwas von einem guten Kerl in jQuery IRC macht.
%Vor%Für jetzt ist das eine gute Lösung, aber hat jemand von euch noch bessere Ideen?
Sie können jQuerys .animate() nicht in Verbindung mit CSS-Transformationen verwenden, zumindest ohne ein Plugin, da der scale() -Teil nicht numerisch ist und ihn verwirren würde.
Sie benötigen jedoch jQuery überhaupt nicht für den gewünschten Effekt. Sie können -webkit-transform mit -webkit-transition (und -moz und -o -Äquivalente) kombinieren, um Transformationen direkt in CSS zu animieren. Zum Beispiel:
(Siehe: Ссылка )
Wenn Sie möchten, dass Sie das CSS über jQuerys .css() bei Hover anwenden können, wird dies nicht benötigt. Oder wenn Sie CSS-Übergänge mit jQuery anwenden möchten:
Wenn Sie möchten, dass .animate() die Übergänge automatisch verwendet, wenn sie verfügbar sind (und ansonsten auf die normale Animation zurückgreifen), sollten Sie " Verbesserung der Animationsfunktion von jQuery zur automatischen Verwendung von CSS3-Übergängen ".
Github-Repository des Plugins.