Get started with vivus CDN

MIT licensed

Vivus: Simple API for inline SVG animations in JS.

Tags:
  • vivus

Stable version

Copied!

How to start using vivus CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with vivus CDN - cdnhub.io</title>
  <style>
    .vivus {
      width: 200px;
      height: 200px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <div id="icon" class="vivus">
    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-circle-fill" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" d="M3.146 3.146a5.937 5.937 0 0 1 0 7.793m-2.586-2.293l.688.154a.5.5 0 0 0 .61-.6a.5.5 0 0 0-.61-.6l-3.702-3.707a.5.5 0 0 0-.61 0L7.782 12.595l-2.293-2.293a.5.5 0 0 0-.61.6l3.707 3.702z"/>
    </svg>
  </div>
  <script src="https://cdn.cdnhub.io/vivus/0.4.6/vivus.min.js"></script>
  <script>
    new Vivus('svg#icon', {
      type: 'svg',
      duration: 500,
      animation: 'custom'
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions