transition标签如何只过渡宽度
时间: 2023-07-05 12:28:10 浏览: 151
自适应宽度的标签导航特效代码
要只过渡宽度,可以使用 CSS 属性 `transition-property`,将其设置为 `width`,这样就只会对宽度进行过渡。示例代码如下:
```css
.element {
width: 100px;
height: 100px;
background-color: red;
transition-property: width;
transition-duration: 1s;
}
.element:hover {
width: 200px;
}
```
在上面的示例代码中,当鼠标悬停在元素上时,宽度从 100px 过渡到 200px,而高度和背景色不会有任何过渡效果。
阅读全文