在本文中,您将学习如何在鼠标悬停在图像上时水平和垂直翻转图像(添加镜像效果)。这可以通过对图像应用变换来完成,如下例所示:
示例 1:此示例表示如何通过使用transform: scaleX(-1)属性沿 X 轴变换图像来水平翻转图像。
GeeksforGeeks
输出:
示例 2:此示例表示如何通过使用transform: scaleY(-1)属性沿 Y 轴变换图像来垂直翻转图像。
GeeksforGeeks
输出: