Get started with textillate CDN

MIT licensed

Textillate is a jQuery plugin that adds dynamic text effects to web content.

Tags:
  • textillate
  • css3
  • animation
  • text
  • lettering

Stable version

Copied!

How to start using textillate CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with textillate CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.cdnhub.io/textillate/0.4.0/jquery.textillate.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.js"></script>
  <style>
    #text {
      font-size: 2em;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="text">
    Hello, <span class="text-highlight">Textillate</span>!
  </div>
  <script>
    $(document).ready(function() {
      $('#text').textillate({
        in: { effect: 'fadeIn' },
        elements: [
          { tag: 'span', classes: 'text-highlight', value: 'Textillate' }
        ]
      });
    });
  </script>
</body>
</html>
Copied!
Copied!

All versions