Skip to content

Instantly share code, notes, and snippets.

@jdnichollsc

jdnichollsc/animatable-element.html

Last active November 25, 2019 08:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jdnichollsc/a8fc14daa04c7bd7a167afa5bbf26bdd to your computer and use it in GitHub Desktop.
Save jdnichollsc/a8fc14daa04c7bd7a167afa5bbf26bdd to your computer and use it in GitHub Desktop.
Download ZIP
<animatable/> with VanillaJS (Proof that Tony Stark has a heart ✵) - https://proyecto26.github.io/animatable-component
Raw
animatable-element.html
<!-- Add Web Animations Polyfill :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations.min.js"></script>
<script type="module" src="https://unpkg.com/@proyecto26/animatable-component@1.0.0/dist/animatable-component/animatable-component.esm.js"></script>
<script nomodule="" src="https://unpkg.com/@proyecto26/animatable-component@1.0.0/dist/animatable-component/animatable-component.js"></script>
<animatable-component autoplay iterations="3" animation="heartBeat" easing="ease-in" duration="1000">
<h1>Proof that Tony Stark has a heart ✵</h1>
</animatable-component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment