glitch.css

Glitch effect style

Usage no npm install needed!

<script type="module">
  import glitchCss from 'https://cdn.skypack.dev/glitch.css';
</script>

README

glitch.css

Glitch effect style

Install

npm install --save glitch.css

Usage

Include the stylesheet:

<head>
    <link rel="stylesheet" href="glitch.css">
</head>

Add the class glitch to the element. You may also want to include the class infinite for an infinite loop.

Example:

<h1 class="glitch infinite fast gbr">Glitch</h1>

Class name

  • slow
  • fast
  • gleft
  • gright
  • gbr
  • gbr-left
  • gbr-right
  • infinite