Reduced Motion Demos for WebKit blog post: Responsive Design for Motion To test these, enable the "Reduce Motion" setting. iOS: Settings > General > Accessibility > Reduce Motion macOS: System Preferences > Accessibility > Display > Reduce Motion Xcode Accessibility Inspector: Settings > Reduce Motion (see video demo) Example 1: Using CSS to modify an interaction transition-property On hover/focus