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

勇闯天亚

于 2019-12-01 19:17:01 发布

阅读量257

点赞数

分类专栏： MUI 前端文章标签： mui css 动画效果按钮动画缩放效果

本文链接：https://blog.csdn.net/u012442504/article/details/103338112

版权

前端同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

MUI

40 篇文章 2 订阅

订阅专栏

二话不说，上代码

/* 按钮动画效果 */
.按钮的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);}
}

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