偏移属性的妙用
动画属性中还有两个和位置相关的属性：水平偏移和垂直偏移。现以实例说明其用法。
如下图所示，在页面中添加了4个元素。其中，3个图片，1个引用区块，而且都设置了不同的动画效果：
由于页面中的元素都是自上而下顺序显示的，页面刷新效果如下图：
其中，上面的3块内容就是3个图片：“解码新常态”、“中纪委检察院法院今年打 忙忙忙”和“老虎”。而我们的本意是，想让老虎图片以动画形式插入到“今年打”及“忙忙忙”之间预留的空隙中，以增强页面震撼效果。这时，就需要把老虎图片提上去。因此，可以给该图片设置垂直偏移：正数向下、负数向上（相对元素原来的位置）。把老虎图片提上去之后，中间就会出现很大一块空白，这很不协调。因此，也要给最下面的“引用区块”设置垂直偏移，把它也提上去。
同样的道理，如果有需要，可以让元素向左或向右水平偏移：负数向左，正数向右，仍然是相对于元素原来的位置。
以下就是偏移之后的动画效果：
