README.md

Slide

Slide animations come from the opposite direction listed in the class (named after the direction it travels) with a smooth transition.

Table of Contents (click to expand)

• slide-in-down
• slide-in-left
• slide-in-right
• slide-in-up
• slide-out-down
• slide-out-left
• slide-out-right
• slide-out-up

slide-in-down

This will take the element and slide it from the top.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-in-down();

slide-in-left

This will take the element and slide it from the left.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-in-left();

slide-in-right

This will take the element and slide it from the right.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-in-right();

slide-in-up

This will take the element and slide it from the bottom.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-in-up();

slide-out-down

This will take the element and slide it out from the down.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-out-down();

slide-out-left

This will take the element and slide it out from the left.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-out-left();

slide-out-right

This will take the element and slide it out from the right.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-out-right();

slide-out-up

This will take the element and slide it out from the top.

• Group: General
• Access: public
• Since: 0.1.0

Parameters

Name	Type	Description	Default
$className	String	a CSS class name to add to activate the animation	".animate"

Examples

@include slide-out-up();