Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
MDN Web Docs
@mdn@mastodon.social  ·  activity timestamp 4 days ago

✨ One line of CSS. Smooth page transitions. No JavaScript.

```
@view-transition {
navigation: auto;
}
```

The 🆕 CSS View Transitions bring native animations to multi-page apps, no SPA setup needed!

Explore now 👇
https://developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/

A beginner-friendly guide to view transitions in CSSMDN

Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.
  • Copy link
  • Flag this post
  • Block
psarant
@psarant@mas.to replied  ·  activity timestamp 4 days ago

@mdn @zachleat Be like me and use this and #11ty to build cliche PowerPoint style presentations? Now I need to find some css to auto scale the font size based on lines of text…

  • Copy link
  • Flag this comment
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.0-rc.3.21 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login