Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How can a grow/shrink animation be done with jQuery and/or CSS? An example that I can think of is this when you click on the Join Now button.
I looked into animate.css but they did not offer such an animation.
DEMO — Solution using CSS3’s
transition-duration(W3Schools) andtransform:scale(X,Y);(W3Schools).Update:
DEMO — Going a step further, doing more than just changing to
opacity:0;by addingdisplay:none;(via jQuery.hide()) at the end of the animation.