Baroque art explainer page with View Transitions API SPA

Téotime Pacreau
Téotime Pacreau
    • Get in touch

    Project goals

    • View Transitions API experimentation : understanding principle of implementation with VanillaJS .startViewTransition and DOMChanges activator.

    • Transition composed by opacity and left to right

    • Customize transitions with ::view-transition-old(root) and ::view-transition-old(new) in CSS

    • Playing with button styling and ellipses

    🛠️

    View Transitions API, Vanilla JS, CSS, HTML

    Source code

    https://github.com/teotimepacreau/View-Transitions-API-Day10-Of-100DaysOfCode

    Online demo

    https://teotimepacreau.github.io/View-Transitions-API-Day10-Of-100DaysOfCode/

    Téotime Pacreau
    Téotime Pacreau Get in touch

    More by Téotime Pacreau

    View profile
    • Like