PricingDocsAcademy
...
Wed, Mar 26, 2:53 PM
Log inSign up
Log inSign up
All topics

Popover Animation :closed

  • building_stuff-1320865857848737944

    Janis

    3 months ago

    I managed to apply a @starting-style transition to a popover, but I can't figure out how to apply a closing animation since the pseudo-element :closed is not supported

    The goal would be to do something like:

    [popover]:closed {
     opacity: 0;
     transform: translateY(10px) scale(0.95);
    }
  • tomthebigtree-1321026422722269194

    Tom Ireland

    3 months ago

    Could you use a style element to handle this?
    🙏1
  • building_stuff-1321502240015388753

    Janis

    3 months ago

    Hmm yes I tried that but couldn’t get it to work. I guess it’s a matter of assigning it to the correct div. I have a <dialog> element as the parent, how would I call that. Do I assign a class to <dialog> and then the style element points to it with the animation?
Leave a comment

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!
The two toddle Co-Founders Andreas and Kasper

Chat with @team-toddle

CEO and Co-Founder of toddle Andreas Møller

Video call our CEO

Hello, toddle!

Get in touch!

Product

PricingPackagesT&CsPrivacy Policy

Company

Press kitContact
Become partnerRefer and earn

Resources

DocumentationAcademyIntegrationsBlogFounder storiesHire experts

Community

DiscordLinkedInXYouTube

© Copyright 2024 toddle. All rights reserved.

toddle logo

Built in toddle