Get started with evaporate CDN

BSD-3-Clause licensed

Lightweight library for easy CSS animations/transitions control.

Tags:
  • aws
  • amazon
  • S3
  • multipart
  • multi-part
  • uploads
  • browser
  • transfer
  • acceleration
  • signature version 4
  • v4

Stable version

Copied!

How to start using evaporate CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with evaporate CDN - cdnhub.io</title>
  <style>
    #my-text {
      font-size: 48px;
      text-align: center;
      margin-top: 100px;
    }
  </style>
  <script src="https://cdn.cdnhub.io/evaporate/2.1.4/evaporate.min.js"></script>
</head>
<body>
  <h1 id="my-text">Hello, World!</h1>
  <script>
    const text = document.getElementById('my-text');
    Evaporate.create({
      target: text,
      words: ['Hello,', 'World!'],
      fontSize: 48,
      lineHeight: 1.2,
      gravity: 0.1,
      speed: 0.01,
      onEnd: () => console.log('Text has finished evaporating!')
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions