transition属性的使用方法

时间:2024-10-13 01:26:27

1、完整代码如图所示。

transition属性的使用方法

2、这是椭圆长方形边框的代码。

transition属性的使用方法

3、这是边框里面实体的代码。其中all和.bar:hover .bar_in中的width相关联。

transition属性的使用方法

4、运行结果如图所示。

transition属性的使用方法

5、当我们把鼠标放在上面时,它的宽度会从50% 逐渐变为100%。

transition属性的使用方法
© 手抄报圈