monks/animation

The animation shorthand CSS property applies an animation between styles. It is a shorthand for {{cssxref(“animation-name”)}}, {{cssxref(“animation-duration”)}}, {{cssxref(“animation-timing-function”)}}, {{cssxref(“animation-delay”)}}, {{cssxref(“animation-iteration-count”)}}, {{cssxref(“animation-direction”)}}, {{cssxref(“animation-fill-mode”)}}, {{cssxref(“animation-play-state”)}}, and {{cssxref(“animation-timeline”)}}.

Values

alternate

</>

pub const alternate: #(String, String)

alternate value of animation

alternate_reverse

</>

pub const alternate_reverse: #(String, String)

alternate-reverse value of animation

auto_

</>

pub const auto_: #(String, String)

auto value of animation

backwards

</>

pub const backwards: #(String, String)

backwards value of animation

both

</>

pub const both: #(String, String)

both value of animation

ease

</>

pub const ease: #(String, String)

ease value of animation

ease_in

</>

pub const ease_in: #(String, String)

ease-in value of animation

ease_in_out

</>

pub const ease_in_out: #(String, String)

ease-in-out value of animation

ease_out

</>

pub const ease_out: #(String, String)

ease-out value of animation

end

</>

pub const end: #(String, String)

end value of animation

forwards

</>

pub const forwards: #(String, String)

forwards value of animation

infinite

</>

pub const infinite: #(String, String)

infinite value of animation

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

jump_both

</>

pub const jump_both: #(String, String)

jump-both value of animation

jump_end

</>

pub const jump_end: #(String, String)

jump-end value of animation

jump_none

</>

pub const jump_none: #(String, String)

jump-none value of animation

jump_start

</>

pub const jump_start: #(String, String)

jump-start value of animation

length

</>

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of animation

linear

</>

pub const linear: #(String, String)

linear value of animation

none

</>

pub const none: #(String, String)

none value of animation

normal

</>

pub const normal: #(String, String)

normal value of animation

paused

</>

pub const paused: #(String, String)

paused value of animation

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for animation

reverse

</>

pub const reverse: #(String, String)

reverse value of animation

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

running

</>

pub const running: #(String, String)

running value of animation

start

</>

pub const start: #(String, String)

start value of animation

step_end

</>

pub const step_end: #(String, String)

step-end value of animation

step_start

</>

pub const step_start: #(String, String)

step-start value of animation

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for animation. It will be wrapped in var() and have -- prepended.