按钮渐变hover动态效果

按钮hover动态效果

.login-btn {
            width: 100%;
            background: linear-gradient(to right, #102140, #64C1E1,#3F6C96);
            background-size: 200%;
            color: #fff;
            letter-spacing: 0.35em;
            transition: background-position .5s;
            &:hover{
                background-position: 100% 0;
                transition: background-position .5s;
            }
        }

初始

hover

 

转载于:https://www.cnblogs.com/lw5116/p/9407894.html