jQuery Easing-Animation

Question

Ich brauche eine Animation zu zeigen, wo ein Eingabefeld von oben fällt, dehnt sich nach einem Sturz und Benutzer können in diesem Feld mit Lockerung jQuery .. gleiche Wirkung wie https://www.meperdi.es/

Answer 1

vielleicht einige CSS in einen Text eingeben und einige jQuery addclass kann helfen? https://jsfiddle.net/moongod101/s4L1909p/

Answer 2

bei der Animation der Suche Sie als Beispiel geschrieben, können Sie die Eingabe ohne mit jQuery animieren.

In der Tat - nie jQuery für Animationen verwenden, da es sehr ineffizient ist.

Still - Animieren die Eingabe kann wie in this fiddle

input.anim{ 
    display:block; 
    margin:3rem auto; 
    animation: showExtend 1.2s cubic-bezier(.25,1.52,.59,.9) forwards; 
} 


@keyframes showExtend{ 
    from{ 
    transform: translate(0%, -5000%) rotate(35deg) scale(1,.1); 
    } 
    50%{ 
    transform: translate(0%, 15%) rotate(15deg) scale(1,.5); 
    } 
    to{ 
    transform: translate(0,0) rotate(0deg) scale(1,1); 
    } 
}