- From: hiikezoe via GitHub <sysbot+gh@w3.org>
- Date: Tue, 28 Mar 2023 21:12:14 +0000
- To: public-css-archive@w3.org
> > Okay so, web authors normally will write something like;
> > ```
> > @keyframes slideaway {
> > to { transform: translateY(40px); opacity: 0; display: none:}
> > }
> >
> > #target.hide {
> > animation: slideaway 200ms;
> > display: none;
> > }
> > ```
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > This doesn't look awkward. :)
>
> @hiikezoe this doesn't work. The implicit `from` keyframe uses the underlying value for display, which is `none` from the `#target.hide` rule. `transition: display 200ms` however would work.
Oops, you are right. :/
--
GitHub Notification of comment by hiikezoe
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-1487598082 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 28 March 2023 21:12:16 UTC