import ThreeDotsBouncing from 'beloader-animations/src/animations/ThreeDotsBouncing.js'

public class | version 1.0.0 | since 1.0.0 | source

ThreeDotsBouncing

AbstractAnimation → ThreeDotsBouncing

ThreeDotsBouncing provides a block of three dots bouncing from left to right and reverse.

 var dots = new ThreeDotsBouncing();

 document.body.appendChild(dots.block);
 dots.start();

Constructor Summary

Public Constructor
public	constructor(options: Object) Creates an instance of ThreeDotsBouncing with given options	version 1.0.0 since 1.0.0

Public Members
public	animation: *
public get	block: HTMLElement Get the HTMLElement for the block	version 1.0.0 since 1.0.0

Private Members
private	_block: *

Public Methods
public	start(): this Starts the animation	version 1.0.0 since 1.0.0

From class AbstractAnimation
public get	block: boolean Always return false if not overriden in childs class	version 1.0.0 since 1.0.0
public	animation: object Animejs animation object or timeline
public	id: string Auto-generated unique id for animation	since 1.0.0
public	options: DotObjectArray Options for the animation	since 1.0.0
public	check(opts: Array \| string): boolean Check if required options have been provided	version 1.0.0 since 1.0.0

Creates an instance of ThreeDotsBouncing with given options

Name	Type	Attribute	Description
options	Object		Options for the animation
options.loop	boolean	optional default: true
options.duration	number	optional default: 3000	Duration of the animation
options.offset	number	optional default: 1000	Offset duration between each dots animation
options.width	number	optional default: 25%	Width of the container (any CSS compatible value)
options.dots	Object	optional	Specific options for dots
options.dots.width	number	optional default: 30	Width of a dot (in pixels)
options.dots.height	number	optional default: 30	Height of a dot (in pixels)
options.dots.color	string \| Function	optional default: '#fff'	color of a dot (any CSS compatible form)

Animejs animation object or timeline

Get the HTMLElement for the block

Starts the animation

this

Chainable