debian10安装php-fpm

CSS3中的translate和scale属性可以用来改变HTML元素的位置和大小。下面我们分别介绍一下这两个属性的用法。

    /* translate属性 */
    div {
        transform: translate(20px,50px); /* 将元素向右平移20px，向下平移50px */
    }

    /* scale属性 */
    div {
        transform: scale(2); /* 将元素放大两倍 */
    }

使用translate属性可以将元素沿X轴和Y轴上下左右平移一定的距离。如果只需要在一条轴上平移，可以只写其中一个值。例如：

    div {
        transform: translateX(20px); /* 将元素向右平移20px */
        transform: translateY(50px); /* 将元素向下平移50px */
    }

在实际应用中，我们可以利用这个属性来制作动态的元素移动效果。

而scale属性可以用来将元素按指定比例进行放大或缩小。当我们只给一个值时，元素会在X、Y两个方向都按照相同的比例进行变化。例如：

    div {
        transform: scale(2); /* 将元素放大两倍 */
        transform: scaleX(2); /* 将元素水平方向放大两倍 */
        transform: scaleY(2); /* 将元素垂直方向放大两倍 */
    }

这个属性在响应式设计中有不少应用，可以使得网站在不同屏幕大小下显示不同大小的元素。