当前位置 博文首页 > u012442504的专栏：mui使用css的按钮缩放动画效果，立竿见影

最大化 缩小

    u012442504的专栏：mui使用css的按钮缩放动画效果，立竿见影

    作者：[db:作者] 时间：2021-09-23 10:37

    二话不说，上代码

    /* 按钮动画效果 */
.按钮的class名{
    -webkit-animation: free_download 1s linear alternate infinite;
    animation: free_download 1s linear alternate infinite;
}
@-webkit-keyframes free_download{
    0%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@keyframes free_download{
    0%{transform:scale(0.9);}
    100%{transform:scale(1);}
}

    直接放在按钮样式中就可以了

    cs
    上一篇：u012442504的专栏：vue的时间戳转换标准时间格式的方法，适用于e
    下一篇：没有了