- From: Joe Pea via GitHub <sysbot+gh@w3.org>
- Date: Thu, 29 Feb 2024 05:12:33 +0000
- To: public-css-archive@w3.org
The `<sl-animation>` custom element from Shoelace, is fantastic!
https://shoelace.style/components/animation
Imagine `<sl-animation>` being wrappable around _any_ custom element to animate its JS properties, not only CSS properties. 😍 (and with a simple implementation due to the API ideas above)
```js
return html`
<sl-animation duration="2000" property="position" propertyKeyframes=${[{x: 0}, {x: 100}]}>
<lume-box size="1 1 1" color="cornflowerblue"></lume-box>
</sl-animation>
`
```
--
GitHub Notification of comment by trusktr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9974#issuecomment-1970413877 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 29 February 2024 05:12:34 UTC