Ignite UISass API
ComponentsGet Started

animations

#

mixinkeyframespublicview codeopen_in_new

Registers a keyframes animation in the keyframes registry.

Parameters
NameTypeDefaultDescription
$name*
String
-The name of the keyframes animation.
#

mixinanimationpublicview codeopen_in_new

Animates an element.

Example

Animating an element

@include fade-in(); // include the 'fade-in' keyframes animation mixin
.bozo {
@include animation('fade-in' .3s ease-out);
}
Parameters
NameTypeDefaultDescription
$animate*
List
-The list of animation properties.
#

mixinscale-in-outpublicview codeopen_in_new

Parameters
NameTypeDefaultDescription
$start-scale
number
.5The scale to start the animation from.
$end-scale
number
1The scale to end the animation at.

Search Documentation