具有多个转换变化的CSS转换？

Question

我有一张照片，我想要缩放到150％并且还会向下移动30px，并进行转换。只有规模似乎有用，有什么帮助吗？

img {
    transition: transform 250ms;
}

img:hover {
    transform: scale(1.5);
    transform: translateY(30px);
}

Answer 1

您只需要组合转换属性

transform: scale(1.5) translateY(30px);

应该做的伎俩！