JSFiddle - React, Tailwind, and code Playground

by jayD2

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type='submit' onclick='$("#notification-alert").show()'>

<div id="notification-alert">
  <span>Great job, you're under way!</span>
</div>

CSS

#notification-alert{
  display: none;
  color: white;
  bottom: 20px;
  right: 20px;
  position: fixed;
  background-color: #f4b251;
  border-bottom: 4px solid #E89F3C;
  color: #fff;
  padding: 20px;
  border-radius: 14px;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 500ms;
}