收缩/使用jQuery / CSS动画成长 [英] Shrink/Grow animation using jQuery/CSS
本文介绍了收缩/使用jQuery / CSS动画成长的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何能放大/缩小的动画与jQuery和/或CSS做了什么？我能想到的一个例子是这个当你点击现在加入按钮。
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.
我看着 animate.css 但他们没有提供这样的动画。
I looked into animate.css but they did not offer such an animation.
推荐答案
演示 - 解决方案使用CSS3的过渡时间（ W3Schools的）和变换：规模（X，Y）; （ W3Schools的）。
的更新：的
演示 - 再进一步，这样做不仅仅是更改为<$ C $以上C>不透明度：0; 显示：无; （通过jQuery .hide（））在动画结束
DEMO — Going a step further, doing more than just changing to opacity:0; by adding display:none; (via jQuery .hide()) at the end of the animation.
这篇关于收缩/使用jQuery / CSS动画成长的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
