html - 如何仅使用 CSS 为 div 制作动画?

标签 html css angularjs animation

经过几个小时寻找不同类型的解决方案后,我没有找到完美的答案,因为我知道我不想使用 JQuery。

我正在尝试为我的 div 制作动画,使它们以向上滑动的效果出现。我尝试了很多不同的可能性,甚至是最简单的一种:

 transition: all linear 2s;

这是我的代码片段:

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

感谢您的帮助:)

最佳答案

如果您添加 **['ngAnimate'**] 1,您的代码实际上就像您希望的那样应用程序依赖项中的模块。

编辑:请参阅 updated plunk .

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

请记住下载并包含资源。

关于html - 如何仅使用 CSS 为 div 制作动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33025918/

相关文章:

html - Css 为特定类设置 h2 到 h6 的属性

javascript - HTML - 如何在单击按钮时隐藏下拉列表内容?

php - 如何在现有的基于 PHP 和 Mysql 的分页上添加 Ajax

html - 填充剩余空间(CSS)

javascript - AngularJS 将回调从 Controller 传递到服务

JavaScript 显示和隐藏技巧

html - 包装 div 不接受图像高度

javascript - 滚动 div 元素时防止页面滚动

javascript - 使用 umulate 顺序对对象值进行排序

angularjs - 在新的@angular/router 3.0.0-alpha.3 中找不到 provideRouter 和 RouterConfig^