34rAF From Scratch

III · Particles & Play

A hand-rolled animate() — easing functions over requestAnimationFrame.

Click

Source

3 files

<head>
  <link rel="stylesheet" href="/base.css" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <div>
    <svg width="420" viewBox="0 0 100 100">
      <circle cy="50" r="10" fill="currentColor" />
    </svg>
    <button>Click me!</button>
  </div>
  <script src="/index.js" type="module"></script>
</body>