1.1.0 • Published 3 years ago

animatrix

Licence

MIT

Version

1.1.0

Deps

Size

247 kB

Vulns

Weekly

Stars

Summary Dependency Versions

animatrix

Create DOM Animations.

`npm i animatrix` `pnpm add animatrix` `yarn add animatrix`

API

# AnimSettings

# duration

number

# easing

Easing

# Easing

[ number, number, number, number ]

# KeyframeAnimation

{

# animation

Animation | null

# breakTime

number

# keyframes

Keyframe []

# next

KeyframeAnimationDetails | null

# onfinish

# ()

() =>

void

# KeyframeAnimationDetails

{

# animSettings

AnimSettings

# getKeyframes

# ()

() =>

Keyframe

# ManualAnimation

{

# current

# from

# last

# set

# (values)

# values

(values) =>

# state

ManualAnimationState

# stop

# (values)

# values

(values) =>

# to

# update

# (values)

# values

(values) =>

# ManualAnimationState

"preparing" | "running" | "finished"

# StepAnimation

{

# current

# from

# set

# (values)

# values

(values) =>

# state

StepAnimationState

# t

number

# to

# update

# (values)

# values

(values) =>

# StepAnimationState

"preparing" | "running" | "finished"

# Easing

{

# Flat = ...

Easing

# Linear = ...

Easing

# BezierEasing(mX1, mY1, mX2, mY2)

# mX1

any

# mY1

any

# mX2

any

# mY2

any

BezierEasing(mX1, mY1, mX2, mY2) =>

# (x)

# x

any

(x) =>

any

# createKeyframeAnimation(animSettings, target, getKeyframes, current)

# animSettings

AnimSettings

# target

HTMLElement | SVGElement

# getKeyframes()

getKeyframes() =>

Keyframe

# current

KeyframeAnimation

createKeyframeAnimation(animSettings, target, getKeyframes, current) =>

KeyframeAnimation

# createManualAnimation(anim)

# anim

ManualAnimation<T>

createManualAnimation<T>(anim) =>

ManualAnimation

# createStepAnimation(AnimSettings, anim)

AnimSettings

# anim

StepAnimation<T>

createStepAnimation<T>(AnimSettings, anim) =>

StepAnimation

Credits

event-toolkit by stagas – Toolkit for DOM events.
is-mobile-agent by stagas – Singleton boolean that is true when user agent is mobile or tablet.

Contributing

Fork or edit and submit a PR.

All contributions are welcome!

License

MIT 2022 stagas

animatrix

animatrix

npm i animatrix pnpm add animatrix yarn add animatrix

API

Credits

Contributing

License

`npm i animatrix` `pnpm add animatrix` `yarn add animatrix`