Get started with flubber CDN

MIT licensed

Flubber is a lightweight library for text animation and manipulation.

Tags:
  • shape
  • morph
  • tween
  • svg
  • animation
  • triangulation

Stable version

Copied!

How to start using flubber CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with flubber CDN - cdnhub.io</title>
    <script src="https://cdn.cdnhub.io/flubber/0.4.2/flubber.min.js"></script>
</head>
<body>
    <button id="animate">Animate</button>
    <div id="box" style="width: 100px; height: 100px; background-color: red;"></div>

    <script>
        const button = document.getElementById('animate');
        const box = document.getElementById('box');

        button.addEventListener('click', () => {
            Flubber.animate(box, {
                width: 200,
                height: 200,
                backgroundColor: 'blue',
                duration: 500,
                easing: 'easeInOutQuad'
            });
        });
    </script>
</body>
</html>
Copied!

All versions