我在Behance上遇到了这个漂亮的UI模型，并对实现它的最佳方式非常好奇。
https://www.behance.net/gallery/25264659/Google-transitions
基本上，我希望我的搜索栏和徽标在提交表单（也就是文本输入）之后以与此类似的方式设置动画。
我的应用是Angular应用，因此创建Angular指令会更实用吗？或者用纯CSS或JQuery（独立于Angular）实现它？
答案 0 :(得分：2)
您的动画将独立于AngularJS。关于动画的表现，JQuery是迄今为止绝对最慢的。标准是使用CSS过渡/动画。如果您对CSS不满意，请使用velocity.js之类的东西。它的语法类似于JQuery，但使用了window.requestAnimationFrame，使其可能比CSS更快。
将使用所有Angular来调用动画或添加/删除一个类，以便在搜索过程中将CSS转换为动画。
至于动画本身，我不幸的是，这些东西往往需要花费很多精力才能看起来很好。