Re: [csswg-drafts] [css-animation] Motion Blur (#3837)

Couple of thoughts:

**What happens if a child and parent animates?** `<div><div></div></div>` - If the outer div translates one way, and the inner div translates the other way, so the inner div appears static on the page, what does the motion blur look like?

Maybe `transform-style` (or something like that) can give us the option to treat the element like a surface or part of the 'world'.

**If the animation loops, does the element blur from its end position to its start position?** Eg:

* Element animates from out-of-view left to out-of-view right - you wouldn't want to a blur of the item zipping back across the screen
* Element animates one turn - you'd expect motion blur throughout the animation (so the loop isn't noticeable), but you wouldn't expect the blur to be from 1 turn back to 0 turns.
* Imagine an element with a background that repeats every 200px. It covers the screen + 200px on the x axis. The animation translates -200px then loops. Right now this would look like a smooth continuing animation, but I can't see how you'd add motion blur here.

**What happens with stepped animations?** Would they blur at all?

-- 
GitHub Notification of comment by jakearchibald
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3837#issuecomment-515004511 using your GitHub account

Received on Thursday, 25 July 2019 11:17:37 UTC