CSS animation in Firefox not work

后端 未结 4 1578
-上瘾入骨i
-上瘾入骨i 2021-01-13 01:19

Hello i create animation for my box and all work in chrome. But in firefox dont work. I try to use -moz- but again nothing.

CSS code for animation what i us

4条回答
  •  余生分开走
    2021-01-13 01:36

    You need to define the FF version of the animation and transform as well as the webkit version

    @-moz-keyframes pulse { /* older versions of FF */
      from {
        -moz-transform: scale(1.0);
        opacity: 0.75;
      }
      50% {
        -moz-transform: scale(1.2);
        opacity: 1.0;
      }
      to { 
        -moz-transform: scale(1.0);
        opacity: 0.75;
      }
    }
    
    @keyframes pulse {
      from {
        transform: scale(1.0);
        opacity: 0.75;
      }
      50% {
        transform: scale(1.2);
        opacity: 1.0;
      }
      to { 
        transform: scale(1.0);
        opacity: 0.75;
      }
    }
    

提交回复
热议问题