Ignite UI for Angular
Components Get Started

animations

#

mixin keyframes public view code open_in_new

Registers a keyframes animation in the keyframes registry.

Parameters
Name Type Default Description
$name *
String
- The name of the keyframes animation.
#

mixin animation public view code open_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
Name Type Default Description
$animate *
List
- The list of animation properties.
#

mixin scale-in-out public view code open_in_new

Parameters
Name Type Default Description
$start-scale
number
.5 The scale to start the animation from.
$end-scale
number
1 The scale to end the animation at.

Search Documentation