DEV Community

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

Posted on

GLITCH TEXT EFFECT

#html #css #javascript #codenewbie

#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)

Read next

nevodavid profile image

I fine-tuned my model on a new programming language. You can do it too! 🚀

Nevo David -

arshadayvid profile image

How to have AI onboard your users (Next.js, OpenAI, CopilotKit)

David Asaolu -

ivordev profile image

Designing React Hooks for Flexibility

Ivor -

palchandu_dev profile image

Random Password Generate

Chandra Prakash Pal -