@hellouxpavel/cssanimation/dist/cssanimation-utility.css

A Powerful CSS Animation Library for Advanced Motion Design.

/*!* @preserve
* cssanimation-utilities.css - Utility classes for enhanced animation control and responsiveness.
* Part of: https://cssanimation.io/
* Version: 6.10.1
* Built: 2025-07-18 18:25:33 UTC
*
* Author: Shafayetul Islam Pavel
* LinkedIn: https://www.linkedin.com/in/shafayetul/
* Email: hello@cssanimation.io
* GitHub: https://github.com/yesiamrocks/cssanimation
*
* Title: Utility Classes for CSS Animation Control and Responsiveness.
* Description: A collection of helper classes for managing animation duration, delay,
* fill modes, and responsive adjustments, designed to complement core animation styles.
*
* © 2025 Shafayetul Islam Pavel – All rights reserved.*/
@charset "UTF-8";
/* Duration Utilities */
.ca__u-speedBlitz {
  animation-duration: 0.3s !important;
}
.ca__u-speedQuick {
  animation-duration: 0.6s !important;
}
.ca__u-speedChill {
  animation-duration: 1.2s !important;
}
.ca__u-speedDrift {
  animation-duration: 2s !important;
}
.ca__u-speedSnail {
  animation-duration: 3s !important;
}
/* Delay Utilities */
.ca__u-delay1 {
  animation-delay: 0.25s !important;
}
.ca__u-delay2 {
  animation-delay: 0.5s !important;
}
.ca__u-delay3 {
  animation-delay: 1s !important;
}
.ca__u-delay5 {
  animation-delay: 2s !important;
}
/* Easing Utilities */
.ca__u-easeSmooth {
  animation-timing-function: ease-in-out !important;
}
.ca__u-easeSnappy {
  animation-timing-function: cubic-bezier(0.5, 1.8, 0.5, 1) !important;
}
.ca__u-easeChill {
  animation-timing-function: ease-in !important;
}
.ca__u-easePunch {
  animation-timing-function: ease-out !important;
}
.ca__u-easeLinear {
  animation-timing-function: linear !important;
}
.ca__u-easeSoft {
  animation-timing-function: ease;
}
.ca__u-easeInFast {
  animation-timing-function: ease-in;
}
.ca__u-easeOutChill {
  animation-timing-function: ease-out;
}
.ca__u-easeSnap {
  animation-timing-function: ease-in-out;
}
.ca__u-easeBounce {
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ca__u-easeElastic {
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.ca__u-easeSwoosh {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ca__u-easeGlide {
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
.ca__u-easeStagger {
  animation-timing-function: step-end;
}
.ca__u-easeDrift {
  animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.ca__u-easeJelly {
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
}
.ca__u-easePop {
  animation-timing-function: cubic-bezier(0.3, 1.3, 0.3, 1);
}
.ca__u-easeRocket {
  animation-timing-function: cubic-bezier(0.6, 0.05, 1, 0.95); /* Fast takeoff */
}
.ca__u-easeGravity {
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); /* Slow rise, fast fall */
}
.ca__u-easeRubber {
  animation-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1); /* Elastic stretch */
}
.ca__u-easeBoom {
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1.5); /* Big bounce */
}
.ca__u-easeSlideBack {
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); /* Nice backward drag */
}
.ca__u-easeQuickStep {
  animation-timing-function: steps(3, end); /* Stepped flick */
}
.ca__u-easeSnapBack {
  animation-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5); /* Overstretch snap */
}
.ca__u-easeWhip {
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); /* Whiplash exit */
}
.ca__u-easeComet {
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.4, 1.5); /* Tail-like motion */
}
.ca__u-easeQuick {
  animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
}
.ca__u-easeGentle {
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ca__u-easeSling {
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.ca__u-easeBounceHard {
  animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.ca__u-easeOvershoot {
  animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
.ca__u-easeSnapZoom {
  animation-timing-function: cubic-bezier(0.2, 0.85, 0.5, 1);
}
.ca__u-easeRipple {
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
.ca__u-easePulse {
  animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.ca__u-easeStepSmooth {
  animation-timing-function: steps(5, end);
}
.ca__u-easeFlow {
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ca__u-easeWhiplash {
  animation-timing-function: cubic-bezier(0.3, 1.5, 0.8, 1);
}
.ca__u-easePopIn {
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
.ca__u-easeDip {
  animation-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.ca__u-easeBounceSoft {
  animation-timing-function: cubic-bezier(0.57, 1.45, 0.45, 1);
}
.ca__u-easeZoomSnappy {
  animation-timing-function: cubic-bezier(0.3, 0, 0.3, 1.5);
}
.ca__u-easeBackTwist {
  animation-timing-function: cubic-bezier(0.9, -0.6, 0.8, 1.8);
}
/* Repeating Utilities */
.ca__u-loopOnce {
  animation-iteration-count: 1 !important;
}
.ca__u-loopForever {
  animation-iteration-count: infinite !important;
}
.ca__u-loopTriple {
  animation-iteration-count: 3 !important;
}
.ca__u-loopBounce {
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}