Question / Help CCS in BrowserSource

[patograso]

hi, i am trying to use webkit frames in css but it doesn' work.

here the code :

@-webkit-keyframes myfirst {
        0% {
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
                  transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0;
        }
        10% {
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-transform: none;
                  transform: none;
          opacity: 1;
        }
        11% {
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
        }
        13%, 15% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        }
        18%, 22%, 27%, 30% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        20%, 25%, 32% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        35% {
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 1;
        }
        36%, 89% {
          -webkit-transform: none;
          opacity: 1;
        }
        %90 {
          -webkit-transform-origin: center;
                  transform-origin: center;
          opacity: 1;
        }
        100% {
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
                  transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0;
        }
    }

Anyone can help please ?
thank you

 

[Rektroth]

Webkit is an open source browser engine used by Safari and Chrome to generate certain CSS features.
To my current knowledge, OBS does not use Webkit.
I can't find anything indicating what engine it does use, though.

 

[patograso]

ok thks

 

[wallrik]

The browser source is a version of Chromium Embedded Framework (CEF). All the big donation/subscription notification services use CSS animation so it should work.

Try changing %90 to 90% and see if it works.