@hellouxpavel/cssanimation
Version:
A Powerful CSS Animation Library for Advanced Motion Design.
17 lines • 4.24 kB
CSS
@charset "UTF-8";
/*!* @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:34 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.*/.ca__u-speedBlitz{animation-duration:.3s}.ca__u-speedQuick{animation-duration:.6s}.ca__u-speedChill{animation-duration:1.2s}.ca__u-speedDrift{animation-duration:2s}.ca__u-speedSnail{animation-duration:3s}.ca__u-delay1{animation-delay:.25s}.ca__u-delay2{animation-delay:.5s}.ca__u-delay3{animation-delay:1s}.ca__u-delay5{animation-delay:2s}.ca__u-easeSmooth{animation-timing-function:ease-in-out}.ca__u-easeSnappy{animation-timing-function:cubic-bezier(.5,1.8,.5,1)}.ca__u-easeChill{animation-timing-function:ease-in}.ca__u-easePunch{animation-timing-function:ease-out}.ca__u-easeLinear{animation-timing-function:linear}.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(.34,1.56,.64,1)}.ca__u-easeElastic{animation-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.ca__u-easeSwoosh{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ca__u-easeGlide{animation-timing-function:cubic-bezier(.25,1,.5,1)}.ca__u-easeStagger{animation-timing-function:step-end}.ca__u-easeDrift{animation-timing-function:cubic-bezier(.55,.06,.68,.19)}.ca__u-easeJelly{animation-timing-function:cubic-bezier(.76,0,.24,1)}.ca__u-easePop{animation-timing-function:cubic-bezier(.3,1.3,.3,1)}.ca__u-easeRocket{animation-timing-function:cubic-bezier(.6,.05,1,.95)}.ca__u-easeGravity{animation-timing-function:cubic-bezier(.8,0,.2,1)}.ca__u-easeRubber{animation-timing-function:cubic-bezier(.36,.66,.04,1)}.ca__u-easeBoom{animation-timing-function:cubic-bezier(.7,0,.3,1.5)}.ca__u-easeSlideBack{animation-timing-function:cubic-bezier(.33,1,.68,1)}.ca__u-easeQuickStep{animation-timing-function:steps(3)}.ca__u-easeSnapBack{animation-timing-function:cubic-bezier(.5,-.5,.5,1.5)}.ca__u-easeWhip{animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.ca__u-easeComet{animation-timing-function:cubic-bezier(.2,.8,.4,1.5)}.ca__u-easeQuick{animation-timing-function:cubic-bezier(.5,0,.75,0)}.ca__u-easeGentle{animation-timing-function:ease}.ca__u-easeSling{animation-timing-function:cubic-bezier(.6,-.28,.74,.05)}.ca__u-easeBounceHard{animation-timing-function:cubic-bezier(.68,-.6,.32,1.6)}.ca__u-easeOvershoot{animation-timing-function:cubic-bezier(.8,0,1,1)}.ca__u-easeSnapZoom{animation-timing-function:cubic-bezier(.2,.85,.5,1)}.ca__u-easeRipple{animation-timing-function:cubic-bezier(.65,.05,.36,1)}.ca__u-easePulse{animation-timing-function:cubic-bezier(.47,0,.745,.715)}.ca__u-easeStepSmooth{animation-timing-function:steps(5)}.ca__u-easeFlow{animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.ca__u-easeWhiplash{animation-timing-function:cubic-bezier(.3,1.5,.8,1)}.ca__u-easePopIn{animation-timing-function:cubic-bezier(.65,0,.35,1)}.ca__u-easeDip{animation-timing-function:cubic-bezier(.47,1.64,.41,.8)}.ca__u-easeBounceSoft{animation-timing-function:cubic-bezier(.57,1.45,.45,1)}.ca__u-easeZoomSnappy{animation-timing-function:cubic-bezier(.3,0,.3,1.5)}.ca__u-easeBackTwist{animation-timing-function:cubic-bezier(.9,-.6,.8,1.8)}.ca__u-loopOnce{animation-iteration-count:1}.ca__u-loopForever{animation-iteration-count:infinite}.ca__u-loopTriple{animation-iteration-count:3}.ca__u-loopBounce{animation-direction:alternate;animation-iteration-count:infinite}