<style>
.a{
-webkit-transition: 1s 0s all ease;
-o-transition: 1s 0s all ease;
-moz-transition: 1s 0s all ease;
transition: 1s 0s all ease;
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
</style>
<div class="a" style="height: 300px;width: 300px;background: red"></div>
就这样 为什么页面显示出来直接放大了1.1倍 1秒的过滤怎么就没有?
既然是过渡,就应该有一个状态的变化,题主这样设置就是让
.a
的初始状态就为1.1倍。如果你给
.a:hover
设置样式就可以看到效果了:题主如果是想要一加载就开始动画的话,应该使用
animation
来实现。