Skip to content

Commit 244e828

Browse files
committed
More about how this relates to UA settings
1 parent b326b23 commit 244e828

1 file changed

Lines changed: 17 additions & 0 deletions

File tree

image-animation-property/README.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -388,6 +388,23 @@ But if it doesn't,
388388
it also doesn't add them to animated images which are meaningful parts of the content,
389389
since it doesn't reliably know which is which.
390390

391+
In a browser where `image-animation` is implemented,
392+
this UI setting could continue to exist,
393+
possibly implemented in different ways.
394+
The most blunt way is to simply make all images non animated when the setting is on,
395+
leaving the CSS property nothing to usefully take effect on.
396+
More interestingly, the setting could be reinterpreted in terms of the CSS property,
397+
```css
398+
@media (prefers-reduced-motion) {
399+
*,
400+
*::before,
401+
*::after,
402+
*::marker {
403+
image-animation: controlled !important;
404+
}
405+
}
406+
```
407+
391408
### Reuse the Existing `animation-*` Properties
392409
Properties like `animation-play-state: running | paused`
393410
or `animation-iteration-count: infinite | <number [0,∞]>`

0 commit comments

Comments
 (0)