JSFiddle - React, Tailwind, and code Playground

by rjasoriano

HTML

<html>
<head>

</head>  
<body>
  <div>
     <h1 class="border">HELLO</h1>
  </div>
</body>
</html>

CSS

.border{
  font-family: calibri;
  font-size; 1500%;
  color: red;
  width: 300px;
  height: 300px;
  text-align: center;
  vertical-align: middle;
  line-height: 300px;
  border-style: solid;
  border-radius: 25px;
  border-color: red;
  box-shadow: 5px 10px red;
  transition: box-shadow 2s, color, 2s;
  cursor: pointer;
}
.border:hover{
  box-shadow: 0px 0px;
  color: black;
}