📜  如何使用 CSS 在悬停时翻转图像?

📅  最后修改于: 2021-08-30 11:47:25             🧑  作者: Mango

在本文中,您将学习如何在鼠标悬停在图像上时水平和垂直翻转图像(添加镜像效果)。这可以通过对图像应用变换来完成,如下例所示:

示例 1:此示例表示如何通过使用transform: scaleX(-1)属性沿 X 轴变换图像来水平翻转图像。



  

    

  

    

GeeksforGeeks

       

输出:

示例 2:此示例表示如何通过使用transform: scaleY(-1)属性沿 Y 轴变换图像来垂直翻转图像。



  

    

  

    

GeeksforGeeks

       

输出: