Jittery Animation

FREE

A jittery animation for elements

Demo

Blur In
Exclusive Launch 50% offspots left: 0 / 50
3D Cube - happy face3D Cube - Happy Face
$39.99

$19.99

Payment once and get lifetime access
Access to all animations
All updates
All animations
No subscriptions

Installation

1

Copy and paste the following code into your project.

Add the keyframes and animation to the global.css file.

global.css
@layer utilities {
     // START HERE ------------------------------------------------------------
     .animate-jittery {
        animation: jittery 0.15s linear infinite;
     }

     @keyframes jittery {
         from {
            transform: translate(0, 0);
         }
         to {
            transform: translate(-1.5px, 1.5px);
         }
     }
     // END HERE ------------------------------------------------------------
}
2

Use the class animate-jittery-custom to apply the animation to an element.

<div className="animate-jittery">
   <!-- Your content here -->
</div>
3

Start using the animation