CSS 中的 transition 属性用于在元素中创建一些过渡。此属性平滑地更改值。本文包含 div 元素上的悬停效果,用于在过渡后更改元素的宽度和高度。
过渡属性列表如下:
- 过渡属性
- 过渡期
- 转换时序函数
- 转换延迟
句法:
div {
transition: ;
}
示例 1:
GeeksforGeeks
Search:
输出:
注意:如果不指定持续时间部分,过渡将不起作用,因为它的默认值为0。过渡属性主要指定两件事。第一个是添加效果的 CSS 属性,第二个是持续时间,除非过渡效果较差。
示例 2:
GeeksforGeeks
输出: