css3过渡效果怎么用，怎样设置div的过渡效果

电脑

浏览器 vscode

如果没用用到css3过渡效果transition，那么div一般的宽度高度颜色都是固定死的。

如图，这就是已经固定了宽高的div元素了，但是如果对它添加了transition之后就会有过渡（类似动画的效果哦）。

如图所示，按常理说来transition是配合hover的，所以设置元素:hover便可以了。

然后再使用transition设置对应的属性（width）之类即可，比如小编我只单独设置了width，空格隔开然后写时间（5s）表示五秒时间。

如果想要让div或其他元素多属性过渡那么简单用逗号隔开属性即可哦。

如果属性太多了不想一个个补齐，那么可以用到all（表示所有属性），这样所有属性就会过渡了。

元素过渡效果默认是没有延时的，所以也可以用到delay达到延时的效果哦。

如果这条经验有用你可以收藏方便下次查看，也可以为这条经验投出宝贵的一票。

没用可以吐槽，有问题可以评论留言或者私信我，我看到会回复的。