在本文中,我们将学习如何使用 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
- 歌剧