html代码

<p style="position:relative">
  <img src=".." class="default" ng-class="{animate : attr}" />
</p>

css代码

.default{
  position:absolute;
  display:block;
  top:0;
  left:0;
  transition:all 1s ease 0s;
}
.animate{
  top:-100px;
}

这样可以看到top变为-100px了，但是没有看到动画，这是为什么？