Rechnerbelastung durch css animation und keyframes

[Jonathan Harker]

Hallo Günter,

Ich verwende "animation" und "keyframes" etwa in folgender Form:

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;}

Eigentlich sollten es 56 childs werden, doch 42 stressen jede Technik die ich habe.

Ich habe mir Deine Seite angekuckt. Du hast drei (3) Bilder und einen Slider mit fünf (5) Elementen. Was soll denn mit 56, bzw 42 Kindelementen dargestellt werden?????

Hast du schon einmal versucht, mehrere Elemente zu animieren, indem du die gleichen keyframes verwendest, die du mit animation-delay unterschiedlich taktest?

Guten Morgen, ich bastele eine Darstellung mit HTML und CSS für eine Präsentation auf einem Display und habe jetzt lernen müssen, dass diese Seite ein Ressourcenfresser ist. Mein Smartphone, mein Tablet und auch mein Notebook glühen auf.

So wurde der digitale Handschmeichler erfunden.

Bis bald! Jonathan