JSFiddle - React, Tailwind, and code Playground

by ibcaliax

HTML

<div class="header"></div>

CSS

html {
  height: 100%;
  background-image: linear-gradient(110deg, #000000 0%,#222222 30%,#060606 30%,#333333 100%);
  background-attachment: fixed;
  background-size: 100%;
}

.header {
  position: fixed;
  z-index: 2;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(110deg, yellow 0%,green 30%,#999999 30%,#eeeeee 100%);
  background-attachment: fixed;
  background-size: 100%;
}