Antwort an „Gunnar Bittersmann“ verfassen

@@Matthias Scharwies

<picture>
  <source srcset="Heart-screenshot.png" 
          media="(prefers-reduced-motion: reduce)">
  <img src="CG_Heart.gif" 
       alt="Herz, Computergenerierter Querschnitt">
</picture>

Damit stellen alte Browser, die picture oder prefers-reduced-motion nicht verstehen, die animierte Variante dar. Besser dürfte es andersrum sein: das statische Bild als Grundlage, die Animation als progressive enhancement.

<picture>
  <source srcset="CG_Heart.gif"
          media="(prefers-reduced-motion: no-preference)">
  <img src="Heart-screenshot.png"
       alt="Herz, Computergenerierter Querschnitt">
</picture>

🖖 Живіть довго і процвітайте

--
When the power of love overcomes the love of power the world will know peace.
— Jimi Hendrix
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen