DEV Community

Cover image for GLITCH TEXT EFFECT
TARUN KUMAR UTTAM
TARUN KUMAR UTTAM

Posted on

GLITCH TEXT EFFECT

#GLITCH TEXT EFFECT IN HTML
#GLITCH TEXT EFFECT IN CSS
#GLITCH TEXT EFFECT IN JAVA

STEP1 - USE THIS IN INDEX.HTML

 <span>
 <p style="color:rgb(253, 253, 253);">@CODE WITH ZASTIXX</p>
 </span>

Enter fullscreen mode Exit fullscreen mode

STEP2- USE THIS IN CSS



SPAN {

    font-size: 4rem;
    transition: .3 all ease;
    cursor: pointer;
    letter-spacing: 8px;
    text-shadow: #ff0000 0 0,
        #00ffff 0 0;

}

span:hover {

 text-shadow:
           #ff0000 -5px 0,
           #00ffff 5px 0;

}

Enter fullscreen mode Exit fullscreen mode

OUR SOCIAL LINK
INSTAGRAM
YOUTUBE

Top comments (0)