Glitch Text Generator

Input Text:

Font Size: 34px

Glitch Speed: 1000ms

Text Color:

Background:

Glitch Colors:

Preview:

Glitch Text

Copied!

Set Font Size: Adjust the font-size value in the .glitch class to your desired size (e.g., 34px)
Adjust Glitch Speed: Modify the animation duration (e.g., 1000ms) to control the speed of the glitch effect. Lower values make it faster, and higher values make it slower.
Change Text Color: Replace the color value in the .glitch class (e.g., #ffffff) to change the text color.
Set Background Color: Update the background-color value in the .container class (e.g., #000000) to change the background color.
Customize Glitch Colors: Change the colors in the text-shadow properties within the @keyframes and .glitch classes. The colors are specified as hex codes (#ff0000, #00ff00, #0000ff), and you can replace them with your desired colors.
Preview Changes: Make changes and preview the result by viewing the rendered HTML in a browser or an HTML editor.
Generate Random Glitch Effect: For a new random glitch effect, modify the text-shadow and @keyframes values to random colors and positioning offsets.