找到你要的答案

Q:How to animate a div only with CSS?

Q:如何动画div CSS?

After a couple of hours looking for different kind of solutions, I didn't find the perfect answer for my answer knowing that I do not want to use JQuery.

I am trying to animate my div to make them appear with a slide up effect. I tried lots of different possibilities and even the easiest one :

 transition: all linear 2s;

Here is a snippet of my code :

http://plnkr.co/edit/illdCZoNorc9y7NFMt2F?p=preview

Thanks for helping :)

几个小时寻找不同的解决方案后,我没有找到我的答案,我知道我不想使用jQuery的完美答案。

我试图改变我的DIV使他们出现一个幻灯片效果。我尝试了许多不同的可能性,甚至最简单的:

 transition: all linear 2s;

这是一段我的代码:

http://plnkr.co/edit/illdczonorc9y7nfmt2f?P =预览

感谢帮助:

answer1: 回答1:

Your code actually works exactly like you are hoping if you add **['ngAnimate'**]1 module in app dependency.

EDIT: See the updated plunk.

angular.module('plunker', ['ngAnimate']);

Just remember to download and include the resource.

你的代码实际上就是你希望如果你加入××××] 1 [ 'nganimate模块在应用程序依赖。

编辑:看到更新的支持。

angular.module('plunker', ['ngAnimate']);

只需记住下载并包含资源。

html  css  angularjs  animation