Reduce Motion of Images in React - Dev Hints

Reduce the motion of images when preferred using the HTML Picture tag.
We'll walk through how to use the Picture tag to show dynamically show an animated or still image based on user preference using media queries. We'll also see how we can dynamically generate a still image from a GIF without having to maintain multiple images using Cloudinary.
💾 Example - Reduced Motion in React
github.com/cloudinary-communi...
Instructor: Brad Garropy (‪@bradgarropy‬)
--
Cloudinary helps developers build performant experiences for the web with powerful optimization and transformation APIs.
🚀 Get started with a free account!
cld.media/devhintsreactmotion
#cloudinary #devhints #react #accessibility #images #webdevelopment