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

public class | version 1.0.0 | since 1.0.0 | source

BackgroundColor

AbstractAnimation → BackgroundColor

BackgroundColor is designed to cycle between two background colors for an HTMLElement.

Constructor Summary

Public Constructor
public	constructor(options: Object) Initialize an instance

Public Members
public	animation: *

Public Methods
public	start(): this Start the animation

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

Initialize an instance

Name	Type	Attribute	Description
options	Object	optional default: {}	Options for animation
options.targets	HtmlElement		Target(s) for animation
options.from	string		Starting color (any valid CSS value)
options.to	string		Ending color (any valid CSS value)
options.duration	number	optional default: 3000	Half-cycle duration
options.easing	string	optional default: 'easeInOutQuad'	Easing Function
options.direction	string	optional default: 'alternate'	Animation direction
options.loop	boolean \| number	optional	Should the animation loop or not

Animejs animation object or timeline

Start the animation

this

Chainable