GIFS and prefers-reduced-motion

1 · CSS-Tricks · Nov. 3, 2020, 4:02 p.m.
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source srcset="img/waterfall.webp" type="image/webp"<img src="img/waterfall.jpg" alt="A bottom-up shot of a huge waterfall in Iceland with green moss on either side."</picture But notice those <source> elements there… they can take a media attri...