JSFiddle - React, Tailwind, and code Playground

by mlatti

HTML

<script src="https://cdn.jsdelivr.net/gh/kripken/ammo.js@main/builds/ammo.js"></script>


    <div style="height:1900px"></div>
<div >
  <div id="webgl-container" style="position: absolute;">
  </div>
  <div id="fr-canvas" style="width:400px; background:yellow" class="fr-power-h fr-visible-ball fr-backgroundcolor-pink fr-bordercolor-aquamarine">
    <div >
      <h1>Breaking is triggered by the button. <br>
      </h1>
      <p>Clicking the button will trigger the break.</p>
      <p>These paragraph are needed</p>
      <p>so the div would be large enough</p>
      <p>to break!</p>
      <p>This one has some customized effects!</p>
      <a href="#" id="fr-trigger" class="btn" style="z-index: 2;">
        <div>Click me!</div>
      </a>
    </div>
  </div>
</div>

<script type="module" src="https://cdn.jsdelivr.net/gh/mlatti/fragment.js/src/fragment.js"></script>