- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Mon, 22 Jun 2015 13:07:41 -0700
- To: François REMY <francois.remy.dev@outlook.com>
- Cc: Shane Stephens <shans@google.com>, Greg Whitworth <gwhit@microsoft.com>, Florian Rivoal <florian@rivoal.net>, "public-houdini@w3.org" <public-houdini@w3.org>
On Mon, Jun 22, 2015 at 12:57 PM, François REMY
<francois.remy.dev@outlook.com> wrote:
>>> As you noted, if I want to animate the location of an object on the screen,
>>> I can use “transform” which transitions perfectly fine. The issue is that the
>>> “apply” hook will be run *after* transitions already took place. So, any
>>> change I’ll make to “transform” in the hook cannot possibly rely on the
>>> “transition” property to animate.
>>
>> Unless the changes are themselves driven by a transition, in which case
>> everything should work fine because apply will be called on each frame.
>
> Give this a second thought. I understand you don't like my more complex cases, but imagine simple cases like :
>
> #element { --border-width: 3px; --border-color: blue; transition: --border-width 3s; }
> #element:hover { --border: 5px green; }
>
> How can I (in the apply hook of "--border") trigger a transition of "--border-width"?
You just set --border-width/etc, no?
~TJ
Received on Monday, 22 June 2015 20:08:29 UTC