View Transition On Click#

Demo#

Explanation#

<div data-signals="{show: true}">
  <div data-text="`View Transition API supported in browser? ` + !!document.startViewTransition"></div>
  <div data-show="$show">
    <button class="btn btn-accent" data-on-click__viewtransition="$show = false">
      Fade out
    </button>
  </div>
</div>