📜  如何使用 CSS 在 Hover 上缩放元素?

📅  最后修改于: 2021-11-08 05:52:49             🧑  作者: Mango

在本文中,我们将学习如何使用 CSS 缩放悬停。它被称为伪选择器,用于在用户将鼠标移动到元素上时选择所有元素。当用户将鼠标悬停在元素上时,会调用缩放函数来增加元素的尺寸。它可以用于所有元素。必须在文档中声明一个元素才能查看此选择器在所有元素中的工作情况。

例子:



  

    
        How to zoom an element
        on Hover using CSS ?
    
    
  
    

  

    
        

            GeeksForGeek         

           

            How TO – Zoom on Hover             in inline CSS         

           
            Hover on Me         
    
  

输出:

  • 悬停在 Red-Box 之前:
  • 悬停在红框上后:

支持的浏览器:支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果Safari
  • 歌剧