JSFiddle - React, Tailwind, and code Playground

by alfredopacino

HTML

<div class="cursor"></div>

CSS

.cursor {
                width: 5px;
                height: 20px;
                display: inline-block;
                vertical-align: bottom;
                background-color: #000;
                -webkit-animation: blink 1s infinite;
                -moz-animation: blink 1s infinite;
                animation: blink 1s infinite;
            }
            
            @keyframes blink {
              0% {
                opacity: 0;
              }
              50% {
                opacity: 0;
              }
              51% {
                opacity: 1;
              }
            }