transition 的作用

• 使元素自身的默认样式与最终样式变化的过程效果，

transition:1s all；

作用

设置所有属性的样式过渡，并设置过渡时间为 1s；

参数

参数“all”的作用是设置元素的全部属性过渡，参数“1s”表示过渡时间为 1s；

示例

项目名称：work-manage

<div>
    <el-button class="login-button" type="primary" @click="login" >登录</el-button>
</div>

.login-button { border-radius: 5px; display: block; height: 40px; line-height:
40px; padding: 0; width: 400px; transition: 1s all; } .login-button:hover {
color: red; }

效果