eli9000 icon

css glitch animation

eli9000 | PRO | 08/30/23 10:47:31 PM UTC | 1 ⭐ | 7764 👁️ | Never ⏰ | []
CSS |

510 B

|

None

|

1 👍

/

0 👎

Raw Download Clone Embed Print View 
.glitch {
  position: relative;
  display: inline-block;
  animation: glitch 1s infinite linear alternate-reverse;
}
 
@keyframes glitch {
  0% {
    transform: none;
    opacity: 1;
  }
  14% {
    transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  15% {
    transform: none;
    opacity: 1;
  }
  49% {
    transform: none;
    opacity: 1;
  }
  50% {
    transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  51% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

Comments

  • icon
    01/01/70 12:00:00 AM UTC
    Plain Text |

    0 B

    |

    👍

    /

    👎

    
    
    

    

            
    •