如何将鼠标悬停在除法元素上以逐渐改变 CSS 的宽度？

你可以在 CSS 中使用 transition 属性来制作一些过渡效果，比如改变元素的宽度。过渡效果可以使用伪类定义为两种状态(悬停和活动)，例如 :hover 或:active 或使用 JavaScript 动态设置的类。

句法：

transition: transition-property transition-duration

笔记：

• transition-property : t 指定应应用过渡效果的 CSS 属性，如高度、宽度等。
• transition-duration ：它指定完成过渡动画所需的时间长度。

注意：如果任何值未定义，则浏览器采用默认值。

示例 1：

HTML

Welcome to GeeksforGeeks
  
Hover Here

  

输出：

示例 2：下面的示例是在悬停时更改宽度、高度和颜色

HTML

Welcome to GeeksforGeeks
  
Hover Here

  

输出：