elementUI弹窗动画

最新推荐文章于 2024-03-04 13:45:03 发布

冰眸js

最新推荐文章于 2024-03-04 13:45:03 发布

阅读量657

点赞数 1

分类专栏： vue后台管理项目实战技巧文章标签：动画 css3 css vue.js

本文链接：https://blog.csdn.net/bingmoujs/article/details/130112329

版权

vue后台管理项目实战技巧专栏收录该内容

10 篇文章 0 订阅

订阅专栏

弹出从右上角由小变大

关闭收缩到右上角

/* 进入 */
  .dialog-fade-enter-active {
    animation: anim-open 0.7s !important;
  }
 
  /* 离开 */
  .dialog-fade-leave-active {
    animation: anim-close .7s !important;
  }
 
  @keyframes anim-open {
    0% {
      transform:  translate(45%,-45%) scale(0);
    }
 
    
  }
 
  @keyframes anim-close {
       100% {
         transform:  translate(45%,-45%) scale(0);
      }
  }