JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<div class="wrapper">
    <div id="no"> 
    </div>
    <h1>No</h1>
    
      
</div>

CSS

html,body {background:#222; margin:0; padding:0;}


.wrapper {-webkit-perspective: 1px;
    perspective: 1px; height:1000px;}

#no {
    background:#fff;
    position: absolute;
    margin:auto;
    top: 0;
    border:40px solid red;
    border-radius:50%; 
    width:300px;
    height:300px;

}
h1 {
    font-size:150px;
    position: absolute;
    margin:auto;
    top: 0;

    -webkit-transform:  translateZ(-2px) scale(4);
    transform: translateZ(-2px) scale(4);
}