Ich habe Folgendes gemacht: jsfiddle.net/BWncv/ Ich habe eine Tasse Tee mit Dampf. Ich möchte diesen Dampf animieren. Aber diese Animation läuft nicht gut.
Der Dampf muss nach oben und nach oben animiert werden. Wie Dampf von der Spitze einer Tasse Tee. Sie können es in dem Link sehen.
Wie kann ich es reparieren, so dass der Rauch gut animiert ist?
Sie können den Code auf js fiddle ändern und aktualisieren.
Einige tolle Antworten und hier auch ein Beispiel mit animate , um die obere und die Deckkraft zu ändern: ( Demo )
Natürlich streckt man die Oberseite aus, so dass die Opazität verschwindet.
Die Animationen werden zu verschiedenen Zeiten gestartet, damit sie allmählich eingeblendet werden:
%Vor%Und dann natürlich selbst anrufen, wenn sie fertig sind.
Sie müssen den Rauch aus dem sichtbaren Bereich aufsteigen lassen oder an der Spitze ausbleichen, ihn ausblenden und dann die Anfangshöhe (oberer oder oberer Rand, abhängig von Ihrer Methode) zurücksetzen, um sie wieder auf dem Bildschirm erscheinen zu lassen unten und blende es wieder ein. Tue das zu allen drei Bildern, und es scheint, als ob der Dampf ständig steigt. Oder machen Sie ein animiertes GIF, um es in den Vordergrund zu stellen.
Tags und Links javascript jquery jquery-animate