The elegant and reliable UI kit for web artisans. https://jupiterui.codeberg.page/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Tristan Brewster 13013f3b04
Version 4.2.0
2 months ago
..
src Version 4.2.0 2 months ago
README.md Version 4.0.0 2 months ago
package.json Version 4.2.0 2 months ago
vivus.css Version 4.2.0 2 months ago

README.md

Vivus

A comprehensive animation extension for JupiterUI.

Usage

Simply <link> the vivus.css file in your project.

Animation name structure

Structure: v-[animationType]-[toDirection]-[expressionSize]

expressionSize is not always used. The fade-[] animations, for instance, have no expression value. Instead, they use the global CSS variable --v-translate-distance.

Examples:

v-scale-in-left-lg v-fade-out-down

Animations

  • scale-in
  • scale-out
  • fade-in
  • fade-out

Customizations

You can use the .vivus-[xs, sm, md, ...] classes to change the animation size in a particular element.