Rechnerbelastung durch css animation und keyframes

[Matthias Scharwies]

Servus!

figure:nth-child(42) {  
  animation: xfadeD  14s 96s infinite;
}
 @keyframes xfade1 {
   0%{opacity: 1;}  
  12.5%{opacity: .3;} 
  50%{opacity: .9;} 
  90%{opacity: 0;} 
  animation-timing-function: linear;
}

Die animation-timing-function, muss wenn, dann in den oberen Regelsatz und nicht in die @keyframes-Regel.

Herzliche Grüße

Matthias Scharwies