Nice collection of CSS animations
for your awesome Kadence web projects

scale-up

SECTION

hand creativist.studio

scale-down

SECTION

hand creativist.studio

scale-x

SECTION

hand creativist.studio

scale-y

SECTION

hand creativist.studio

scale-x-bottom

SECTION

hand creativist.studio

scale-x-left

SECTION

hand creativist.studio

scale-x-right

SECTION

hand creativist.studio

scale-x-top

SECTION

hand creativist.studio

shrink-x-left

SECTION

hand creativist.studio

shrink-x-right

SECTION

hand creativist.studio

shrink-y

SECTION

hand creativist.studio

shrink-x

SECTION

hand creativist.studio

vibrate

SECTION

hand creativist.studio

shake-horizontal

SECTION

hand creativist.studio

shake-vertical

SECTION

hand creativist.studio

shake-left-right

SECTION

hand creativist.studio

shake-right

SECTION

hand creativist.studio

shake-left

SECTION

hand creativist.studio

jello-horizontal

SECTION

hand creativist.studio

jello-vertical

SECTION

hand creativist.studio

jello-diagonal

SECTION

hand creativist.studio

wobble-horizontal-bottom

SECTION

hand creativist.studio

wobble-horizontal-top

SECTION

hand creativist.studio

wobble-vertical-left

SECTION

hand creativist.studio

wobble-vertical-right

SECTION

hand creativist.studio

bounce-top

SECTION

hand creativist.studio

bounce-bottom

SECTION

hand creativist.studio

rotate-y

SECTION

hand creativist.studio

rotate-x

SECTION

hand creativist.studio

rotate-left

SECTION

hand creativist.studio

rotate-right

SECTION

hand creativist.studio

rotate-diagonal

SECTION

hand creativist.studio

skew-center-left

SECTION

hand creativist.studio

skew-center-right

SECTION

hand creativist.studio

skew-diagonal-left

SECTION

hand creativist.studio

skew-diagonal-right

SECTION

hand creativist.studio

translate-left

SECTION

hand creativist.studio

translate-right

SECTION

hand creativist.studio

translate-top

SECTION

hand creativist.studio

translate-bottom

SECTION

hand creativist.studio

translate-top-left

SECTION

hand creativist.studio

translate-top-right

SECTION

hand creativist.studio

translate-bottom-left

SECTION

hand creativist.studio

translate-bottom-right

SECTION

hand creativist.studio

How do I add custom CSS?
WordPress has a built-in, easy way to add custom CSS (Cascading Style Sheets) in the Customizer.
To add custom CSS, go to your WordPress admin panel and navigate to Appearance > Customize.
Click on the ‘Additional CSS’ section, enter your custom CSS code in the text area, and hit Publish.
Then, copy the CSS class and paste it into the ‘Additional CSS Class(es)’ field in the right-hand panel under the ‘Advanced’ section.

css customizing creativit studio creativist.studio