淡入在页面加载图像

我将如何使用JS角页面加载图像中消失，目前这是我在AngularJS代码，但它不工作（基于断：http://plnkr.co/edit/ncqEB3PafIWbwv0UH1QG?p=preview）淡入在页面加载图像

查看

<object type="image/svg+xml" data="img/logo-blue.svg" class="navbar-logo" ng-class="{'fade-in': vm.fade }"></object>

控制器

vm.fade = true;

CSS

.animation { opacity:0; transition:all 200ms ease-in-out; } 

.animation.fade-in { opacity:1; }

2017-09-01 methuselah

您需要的类=“动画”添加到对象元素

2017-09-01 17:51:46 Sergio10

不工作，请问您可以添加一个沉闷的例子吗？ – methuselah

是的，https://plnkr.co/edit/O09qHjSWzIHgJa60gvuo你有没有设置ng-controller的别名vm？ – Sergio10

您忘记添加动画类在你的对象标记

<object type="image/svg+xml" data="img/logo-blue.svg" class="animation navbar-logo" ng-class="{'fade-in': vm.fade }"></object>

2017-09-01 17:51:44

不工作，可以你请添加一个笨蛋的例子？ – methuselah

在CSS中，你的动画持续时间是.2s == 200ms。使它更大，所以你可以看到差异 –

好了，所以我已经将它改为'.animation {opacity：0;过渡：全部5秒缓出; }'但它仍然不起作用 – methuselah

回答