> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Fading text animation

Learn how to create a gorgeous fading text animation with just a few copy/pastes.

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/ezgifcom-gif-maker-3_1g8i4sh.gif)

#### Step 1/5

Copy the following code:

```
<script>
(function() {
    var a = setInterval( function() {
        if ( typeof window.jQuery === 'undefined' ) {
            return;
        }
        clearInterval( a );

(function(){
      var words = [
          'Founders',
          'Makers',
          'Hackers',
          'Marketers',
          ], i = 0;
      setInterval(function(){
          $('#changingword').fadeOut(function(){
              $(this).html(words[i=(i+1)%words.length]).fadeIn();
          });
      }, 3000);
        
  })();

    }, 500 );
})();
</script>
<style>
#changingword {
font-family: inherit !important;
}
</style>
```

#### Step 2/5

Paste it to your **Settings** -> **General settings** -> **Global <body> HTML code:**
****

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_c1kp3k.png =600x600)

#### Step 3/5

Replace the default set of words with your own ones (make sure to keep the quotes!):

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_n9r6ps.png)

You can add or remove any number of words. For example, this is how this code will look with 2 words:

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_8rh5j3.png)

#### Step 4/5

Copy this code and paste it into the headline's text field (at the very end):

```
<span id="changingword">Founders</span>
```


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_1ivbwcr.png =500x500)

Replace "Founders" with your own word. It will be the first word in the animation.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_1ec2b9s.png =500x500)

#### Step 5/5

Write text that will be placed before the animated part:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_1q5gb2t.png =500x500)


#### Done!

Save changes and open the live version of the page to see the results 🚀