Avatar for Username

Kërkoni te Asistenca

Shmangni karremëzime gjoja asistence. S’do t’ju kërkojmë kurrë të bëni një thirrje apo të dërgoni tekst te një numër telefoni, apo të na jepni të dhëna personale. Ju lutemi, raportoni veprimtari të dyshimtë duke përdorur mundësinë “Raportoni Abuzim”.

Mësoni Më Tepër

Kjo rrjedhë është arkivuar. Ju lutemi, bëni një pyetje të re, nëse keni nevojë për ndihmë.

css Fading animation not working in Firefox

  • 1 përgjigje
  • 0 e kanë hasur këtë problem
  • 1 parje
  • Përgjigjja më e re nga zeroknight

rabandclang
rabandclang
more options

.animation { 

   flex: 1;
   width: 100%;
   height: 100%;
   position: relative;
   animation-name: graphic;
   animation-duration: 20s;
   animation-iteration-count: infinite;
   background-size: 100% 100%;
   background-repeat: no-repeat;
 }


@keyframes graphic { 

   0%   {background-image: url("images/a.jpeg")}
   25%  {background-image: url("images/b.jpeg")}
   50%  {background-image: url("images/c.jpeg")}
   75%  {background-image: url("images/d.jpeg")}
   100% {background-image: url("images/a.jpeg")}

} This produces a fading transition of the images on all browsers, but in firefox it will not implement the fading transition but just replaces the images without the transition.

.animation { flex: 1; width: 100%; height: 100%; position: relative; animation-name: graphic; animation-duration: 20s; animation-iteration-count: infinite; background-size: 100% 100%; background-repeat: no-repeat; } @keyframes graphic { 0% {background-image: url("images/a.jpeg")} 25% {background-image: url("images/b.jpeg")} 50% {background-image: url("images/c.jpeg")} 75% {background-image: url("images/d.jpeg")} 100% {background-image: url("images/a.jpeg")} } This produces a fading transition of the images on all browsers, but in firefox it will not implement the fading transition but just replaces the images without the transition.

Krejt Përgjigjet (1)

zeroknight
zeroknight
more options
It looks to me like this is a bug in chrome, technically. [CSSWG] says:
Animation type: discrete
That being said this is probably dependent on us implementing cross-fade.

From Bug 1605726.