JSFiddle - React, Tailwind, and code Playground

by Simplybj

HTML

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>
<div class="box">
</div>
</div>

CSS

nav {
  background-color: #ddd;
  color: white;
  width: 100%;
}
.box
{
   width: 100%;
   height:1000px;
}

JavaScript

$(function() {
  $(window).scrool(function() {
    $('nav').animate({
      'background-color': red;
      'color': 'black';
    }, 1000);
  });
});