zoukankan      html  css  js  c++  java
  • react module.scss文件中弹窗中 keyframes动画不生效,

    以下修改,亲测有效
    非弹窗内动画写法 

    .submit_btn{

       animation: submit_btn 1.5s infinite;

        -webkit-animation: submit_btn 1.5s infinite;

    }

    @keyframes submit_btn {
        0%,
        20%,
        80%,
        100% {
          transform: scale(1);
        }

        40%,
        50% {
          transform: scale(0.9);
        }
      }


    弹窗内写法:在className后增加  :local
    :global {
      .submit_btn :local {
        animation: submit_btn 2.5s ease-out;
      }
      @keyframes submit_btn {
        0%,
        20%,
        80%,
        100% {
          transform: scale(1);
        }

        40%,
        50% {
          transform: scale(0.9);
        }
      }
    }

      

  • 相关阅读:
    GORM模型(Model)创建
    GORM高级查询
    LogAgent
    安装kafka
    go读取日志tailf
    bubble清单
    go操作kafka
    GORM模型删除
    Vue 父子组件间的传值
    列表和表格
  • 原文地址:https://www.cnblogs.com/xiaoyaoweb/p/15222377.html
Copyright © 2011-2022 走看看