transition属性的使用方法

本文为您简单介绍transition属性的使用方法

方法/步骤

1、完整代码如图所示。

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

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

4、运行结果如图所示。

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