如何使用 CSS 更改悬停时的图像？

本文的方法是在用户将鼠标悬停在图像上时更改图像。这个任务可以简单地通过使用CSS background- image 属性和 : hover伪类来替换或更改鼠标悬停时的图像。

例子：

HTML



  

    
        How to Change Image on 
        Hover in CSS
    
      
    

  

    GeeksForGeeks
  
    
        How to change image on 
        hover with CSS

输出：

在将鼠标悬停在图像上之前：

将鼠标悬停在图像上后：

下面列出了支持的浏览器：

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

HTML

GeeksForGeeks

How to change image on hover with CSS