PrabothCharith

full screen navigation bar with animation

A Pen by praboth on CodePen.

License.

PrabothCharith

<div class="text">
  <div>Server Error</div>
  <h1>503</h1>
  <hr>
  <div>Service Temporarily Unavailable</div>
  <h1>That's what you can do</h1>
</div>

<div class="astronaut">
  <img src="https://images.vexels.com/media/users/3/152639/isolated/preview/506b575739e90613428cdb399175e2c8-space-astronaut-cartoon-by-vexels.png" alt="" class="src">

PrabothCharith

const accessibilityMenuStyles = `
    :root {
      --acc_color_1: #000;
      --acc_color_2: #fff;
      --border_radius: 25px;
    }
    
    .hidden {
      display: none !important;
    }