Animiere den Clip: rect property?

8

Ich möchte die css-Eigenschaft clip: rect mit jQuerys .animate() animieren, kann aber nicht feststellen, ob dies irgendwo möglich ist. Habe es versucht:

$(".img1").animate({ clip: "rect(1px, 945px, 499px, 1px)"
},300);

ohne Glück. Weiß jemand?

Danke

    
PaperThick 07.08.2012, 13:25
quelle

3 Antworten

13

Alles ist möglich, aber es gibt wahrscheinlich einfachere Möglichkeiten, das zu tun, was Sie wollen, ohne clip zu verwenden, aber wenn Sie jQuery animates verwenden, fx.step Funktion, Sie können alles animieren, aber Sie müssen einige Berechnungen durchführen, um Werte und Sachen herauszufinden, aber es geht ungefähr so:

%Vor%

FIDDLE

    
adeneo 07.08.2012, 13:51
quelle
4

Da dies eine beliebte Frage ist und bei der Suche nach Google heute die Spitze der Google-Suchergebnisse war, ist hier ein jQuery-Plugin, das mit der clip: -Eigenschaft und .animate() nativ arbeitet.

Bildnachweis: Ссылка

%Vor%     
ifunk 27.06.2013 12:36
quelle
2

@Shivan Raptor

Um die Dauer zu steuern, fügen Sie duration: 3000, vor dem Schrittattribut hinzu. Also würde der Code sagen:

%Vor%

Sie müssen genau damit experimentieren, wie die Animation laufen soll, aber das sollte helfen.

    
arobinson 11.03.2013 02:29
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset SmtpClient sendet ohne Authentifizierung