Sass Styler
A collection of useful scss
The main modules in Sass Styler are:
Animation
Mixins
animation-name-or-shorthand
Get the animation or animation-name property depending if you have other values
Parameters
| name | description | type | default value |
|---|---|---|---|
$name |
The animation name | String | - |
$settings |
The animation settings | List | null |
animate-bg-pan-bottom-left
Animate bg pan bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-bottom-right
Animate bg pan bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-bottom
Animate bg pan bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-left
Animate bg pan left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-right
Animate bg pan right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-top-left
Animate bg pan top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-top-right
Animate bg pan top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bg-pan-top
Animate bg pan top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blink-alternative
Animate blink alternative
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blink
Animate blink
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blur-out-contract-backward
Animate blur out contract backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blur-out-contract
Animate blur out contract
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blur-out-expand-forward
Animate blur out expand forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-blur-out-expand
Animate blur out expand
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-bottom
Animate bounce bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-backward
Animate bounce in backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-bottom
Animate bounce in bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-forward
Animate bounce in forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-left
Animate bounce in left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-right
Animate bounce in right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-in-top
Animate bounce in top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-left
Animate bounce left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-backward
Animate bounce out backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-bottom
Animate bounce out bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-forward
Animate bounce out forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-left
Animate bounce out left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-right
Animate bounce out right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-out-top
Animate bounce out top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-right
Animate bounce right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce-top
Animate bounce top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-bounce
Animate bounce
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-color-change-2x
Animate color change 2x
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-color-change-3x
Animate color change 3x
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-color-change-4x
Animate color change 4x
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-color-change-5x
Animate color change 5x
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-backward
Animate fade in backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-bottom-left
Animate fade in bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-bottom-right
Animate fade in bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-bottom
Animate fade in bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-forward
Animate fade in forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-left
Animate fade in left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-right
Animate fade in right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-top-left
Animate fade in top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-top-right
Animate fade in top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in-top
Animate fade in top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-in
Animate fade in
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-backward
Animate fade out backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-bottom-left
Animate fade out bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-bottom-right
Animate fade out bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-bottom
Animate fade out bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-forward
Animate fade out forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-left
Animate fade out left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-right
Animate fade out right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-top-left
Animate fade out top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-top-right
Animate fade out top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out-top
Animate fade out top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-fade-out
Animate fade out
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-1
Animate flicker 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-2
Animate flicker 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-3
Animate flicker 3
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-4
Animate flicker 4
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-5
Animate flicker 5
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-in-1
Animate flicker in 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-in-2
Animate flicker in 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-out-1
Animate flicker out 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flicker-out-2
Animate flicker out 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-bottom-1
Animate flip 2 horizontal bottom 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-bottom-2
Animate flip 2 horizontal bottom 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-bottom-backward
Animate flip 2 horizontal bottom backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-bottom-forward
Animate flip 2 horizontal bottom forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-top-1
Animate flip 2 horizontal top 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-top-2
Animate flip 2 horizontal top 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-top-backward
Animate flip 2 horizontal top backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-horizontal-top-forward
Animate flip 2 horizontal top forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-left-1
Animate flip 2 vertical left 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-left-2
Animate flip 2 vertical left 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-left-backward
Animate flip 2 vertical left backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-left-forward
Animate flip 2 vertical left forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-right-1
Animate flip 2 vertical right 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-right-2
Animate flip 2 vertical right 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-right-backward
Animate flip 2 vertical right backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-2-vertical-right-forward
Animate flip 2 vertical right forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-1-backward
Animate flip diagonal 1 backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-1-bottom-left
Animate flip diagonal 1 bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-1-forward
Animate flip diagonal 1 forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-1-top-right
Animate flip diagonal 1 top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-2-backward
Animate flip diagonal 2 backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-2-bottom-right
Animate flip diagonal 2 bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-2-forward
Animate flip diagonal 2 forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-diagonal-2-top-left
Animate flip diagonal 2 top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-horizontal-backward
Animate flip horizontal backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-horizontal-bottom
Animate flip horizontal bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-horizontal-forward
Animate flip horizontal forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-horizontal-top
Animate flip horizontal top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-diagonal-1-bottom-left
Animate flip in diagonal 1 bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-diagonal-1-top-right
Animate flip in diagonal 1 top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-diagonal-2-bottom-right
Animate flip in diagonal 2 bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-diagonal-2-top-left
Animate flip in diagonal 2 top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-horizontal-bottom
Animate flip in horizontal bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-horizontal-top
Animate flip in horizontal top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-vertical-left
Animate flip in vertical left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-in-vertical-right
Animate flip in vertical right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-diagonal-1-bottom-left
Animate flip out diagonal 1 bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-diagonal-1-top-right
Animate flip out diagonal 1 top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-diagonal-2-bottom-right
Animate flip out diagonal 2 bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-diagonal-2-top-left
Animate flip out diagonal 2 top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-horizontal-bottom
Animate flip out horizontal bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-horizontal-top
Animate flip out horizontal top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-vertical-left
Animate flip out vertical left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-out-vertical-right
Animate flip out vertical right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-2-horizontal-bottom
Animate flip scale 2 horizontal bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-2-horizontal-top
Animate flip scale 2 horizontal top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-2-vertical-left
Animate flip scale 2 vertical left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-2-vertical-right
Animate flip scale 2 vertical right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-down-diagonal-1
Animate flip scale down diagonal 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-down-diagonal-2
Animate flip scale down diagonal 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-down-horizontal
Animate flip scale down horizontal
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-down-vertical
Animate flip scale down vertical
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-up-diagonal-1
Animate flip scale up diagonal 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-up-diagonal-2
Animate flip scale up diagonal 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-up-horizontal
Animate flip scale up horizontal
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-scale-up-vertical
Animate flip scale up vertical
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-vertical-backward
Animate flip vertical backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-vertical-forward
Animate flip vertical forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-vertical-left
Animate flip vertical left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-flip-vertical-right
Animate flip vertical right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-focus-in-contract-backward
Animate focus in contract backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-focus-in-contract
Animate focus in contract
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-focus-in-expand-forward
Animate focus in expand forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-focus-in-expand
Animate focus in expand
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-jello-diagonal-1
Animate jello diagonal 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-jello-diagonal-2
Animate jello diagonal 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-jello-horizontal
Animate jello horizontal
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-jello-vertical
Animate jello vertical
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-jello
Animate jello
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-bottom-left
Animate kenburns bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-bottom-right
Animate kenburns bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-bottom
Animate kenburns bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-left
Animate kenburns left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-right
Animate kenburns right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-top-left
Animate kenburns top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-top-right
Animate kenburns top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-kenburns-top
Animate kenburns top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
keyframes
Add CSS animation only once
Parameters
| name | description | type | default value |
|---|---|---|---|
$name |
The animation name | String | - |
animate-ping
Animate ping
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-bottom-left
Animate puff in bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-bottom-right
Animate puff in bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-bottom
Animate puff in bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-center
Animate puff in center
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-horizontal
Animate puff in horizontal
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-left
Animate puff in left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-right
Animate puff in right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-top-left
Animate puff in top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-top-right
Animate puff in top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-top
Animate puff in top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-in-vertical
Animate puff in vertical
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-bottom-left
Animate puff out bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-bottom-right
Animate puff out bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-bottom
Animate puff out bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-center
Animate puff out center
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-horizontal
Animate puff out horizontal
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-left
Animate puff out left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-right
Animate puff out right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-top-left
Animate puff out top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-top-right
Animate puff out top right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-top
Animate puff out top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-puff-out-vertical
Animate puff out vertical
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-pulsate-backward
Animate pulsate backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-pulsate-forward
Animate pulsate forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-pulsate
Animate pulsate
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-blurred-bottom
Animate roll in blurred bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-blurred-left
Animate roll in blurred left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-blurred-right
Animate roll in blurred right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-blurred-top
Animate roll in blurred top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-bottom
Animate roll in bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-left
Animate roll in left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-right
Animate roll in right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in-top
Animate roll in top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-in
Animate roll in
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-blurred-bottom
Animate roll out blurred bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-blurred-left
Animate roll out blurred left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-blurred-right
Animate roll out blurred right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-blurred-top
Animate roll out blurred top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-bottom
Animate roll out bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-left
Animate roll out left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-right
Animate roll out right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out-top
Animate roll out top
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-roll-out
Animate roll out
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-clock-wise
Animate rotate 90 bottom clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-counter-clock-wise
Animate rotate 90 bottom counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-left-clock-wise
Animate rotate 90 bottom left clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-left-counter-clock-wise
Animate rotate 90 bottom left counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-right-clock-wise
Animate rotate 90 bottom right clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-bottom-right-counter-clock-wise
Animate rotate 90 bottom right counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-clock-wise
Animate rotate 90 clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-counter-clock-wise
Animate rotate 90 counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-horizontal-backward
Animate rotate 90 horizontal backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-horizontal-forward
Animate rotate 90 horizontal forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-left-clock-wise
Animate rotate 90 left clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-left-counter-clock-wise
Animate rotate 90 left counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-right-clock-wise
Animate rotate 90 right clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-right-counter-clock-wise
Animate rotate 90 right counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-clock-wise
Animate rotate 90 top clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-counter-clock-wise
Animate rotate 90 top counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-left-clock-wise
Animate rotate 90 top left clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-left-counter-clock-wise
Animate rotate 90 top left counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-right-clock-wise
Animate rotate 90 top right clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-top-right-counter-clock-wise
Animate rotate 90 top right counter clock wise
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-vertical-backward
Animate rotate 90 vertical backward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-90-vertical-forward
Animate rotate 90 vertical forward
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-bottom-left
Animate rotate bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-bottom-right
Animate rotate bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-bottom
Animate rotate bottom
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-center
Animate rotate center
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-diagonal-1
Animate rotate diagonal 1
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-diagonal-2
Animate rotate diagonal 2
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-diagonal-bottom-left
Animate rotate diagonal bottom left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-diagonal-bottom-right
Animate rotate diagonal bottom right
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |
Links
animate-rotate-diagonal-top-left
Animate rotate diagonal top left
Parameters
| name | description | type | default value |
|---|---|---|---|
$animation-settings |
Animation shorthand settings (anything except the animation-name) | List | null |