DEV Community

Cover image for Tailwind, HALT AND CATCH FIRE animated logo
Sohrab zia
Sohrab zia

Posted on • Edited on

Tailwind, HALT AND CATCH FIRE animated logo

Halt and catch fire intro logo with glitch effect.

This JavaScript code creates an animated glitch effect on an HTML5 Canvas element. The glitch effect consists of lines that appear to be distorted, similar to a digital glitch. The glitch lines are drawn randomly from the center of the canvas.

The colors used for the glitch lines alternate between red and black. The displacement of the lines is randomly adjusted to create the glitchy appearance. The animation updates at regular intervals, producing a dynamic and visually interesting effect.

Top comments (0)