css3平移加放大元素

CSS3中有很多酷炫的特效，其中平移加放大元素就是一个非常常见的特效。具体实现方式如下：

    transform: translate(20px,20px) scale(1.2);

上述代码中，translate函数用于实现平移效果，其中第一个参数表示水平方向上的偏移量，第二个参数表示垂直方向上的偏移量；而scale函数则用于实现放大效果，参数详解如下：

• scale(1) - 不进行缩放
• scale(2) - 放大到原始尺寸的2倍
• scale(0.5) - 缩小到原始尺寸的一半
• scale(1.2) - 放大到原始尺寸的1.2倍
• scale(0.8) - 缩小到原始尺寸的0.8倍

当然，translate函数和scale函数也可以单独使用，实现各自的效果。举个例子，如果只想平移元素，可以这样写：

    transform: translate(20px,20px);

如果只想放大元素，可以这样写：

    transform: scale(1.2);

以上就是CSS3中实现平移加放大元素的方法，希望对大家有所帮助。