使用 CSS 实现镜像翻转效果可以使用 transform 属性中的 scaleX() 函数来实现。具体步骤如下:
img {
transform-origin: center;
}
img {
transform-origin: center;
transform: scaleX(-1);
}
其中,scaleX() 函数的参数为 -1,表示将元素进行水平翻转。
完整的 CSS 代码如下:
img {
transform-origin: center;
transform: scaleX(-1);
}
关键词高亮: