css - 淡入页面加载图像

我如何使用Angular 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; }

最佳答案

您需要将class =“ animation”添加到object元素

关于css - 淡入页面加载图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46005475/