Css3由远到近属性实例
<style>
.img-responsives {
width: 100%;
height: auto;
animation: move1 2s;
top: 5rem;
}
@keyframes move1 {
/*这个就是要执行的动画*/
from { transform: scale(0); }
/*从它到它，scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数，这个是css3中2D的转换方法。*/
to { transform: scale(1); }
}
</style>
<div class="banner"><img src="/skin/img/banner{dede:field.typeid function="GetTopid(@me)"/}.jpg" class="img-responsives" /></div>
<div class="banner"><img src="/skin/img/banner{dede:field.typeid function="GetTopid(@me)"/}.jpg" class="img-responsives" /></div>