react module.scss檔案中彈窗中 keyframes動畫不生效,
阿新 • • 發佈:2021-09-03
以下修改,親測有效
非彈窗內動畫寫法
.submit_btn{
animation: submit_btn1.5sinfinite;
-webkit-animation: submit_btn1.5sinfinite;}
@keyframes submit_btn{ 0%, 20%, 80%, 100%{ transform:scale(1); }40%, 50%{ transform:scale(0.9); } }
彈窗內寫法:在className後增加 :local :global{ .submit_btn:local{ animation:submit_btn2.5sease-out; } @keyframessubmit_btn{ 0%, 20%, 80%, 100%{ transform:scale(1); }
40%, 50%{ transform:scale(0.9); } } }