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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay