mizchi/css/animation - mooncakes.io

README
U
AnimationPhase
U
Attribute
U
AttributeMatch
U
AttributeSelector
U
CSSRule
U
CascadedValues
U
ColorScheme
U
Combinator
U
ComplexSelector
U
ComplexSelectorStep
U
CompositeOperation
U
CompoundSelector
U
ComputeContext
U
ComputedEffectTiming
U
CssColorValue
U
Declaration
U
Diagnostic
U
DiagnosticSummary
U
DiagnosticsCollector
U
EffectTiming
U
Element
U
FillMode
U
ForcedPseudoStates
U
Importance
U
IndexedStylesheet
U
IterationCompositeOperation
U
MediaEnvironment
U
MediaFeature
U
MediaQuery
U
MediaQueryList
U
MediaType
U
MediaValue
U
NthExpr
U
NumericKeyframe
U
NumericKeyframeEffect
U
Origin
U
ParseResult
U
PlaybackDirection
U
PropertyValue
U
PseudoClass
U
PseudoElement
U
RangeOp
U
RelativeSelector
U
RuleMatch
U
SelectorIndex
U
SelectorList
U
Severity
U
ShadowContext
U
SimpleSelector
U
Specificity
U
Stylesheet
U
SupportLevel
V
affects_layout
V
apply_property_direct
V
cascade_declarations
V
cascade_element
V
cascade_element_indexed
V
cascade_element_with_media
V
compute_inline_raw
V
compute_inline_style
V
compute_style
V
compute_style_with_vars
V
matches_selector
V
matches_selector_list
V
matches_selector_list_with_shadow_context
V
matches_selector_with_shadow_context
V
parse_color
V
parse_inline_style
V
parse_media_query_list
V
parse_selector
V
parse_selector_list
V
parse_stylesheet
V
parse_stylesheet_with_diagnostics

mizchi/css/animation does not have a README file

AnimatableKeyframe

pub(all) struct AnimatableKeyframe {
  offset : Double
  value : AnimatableValue
  easing : @mizchi/css/values.Easing
Easing
}

One typed keyframe: an offset in [0, 1], the computed value at that offset, and the easing governing interpolation to the next keyframe.

AnimatableKeyframe::new

source

fn AnimatableKeyframe::new(offset : Double, value : AnimatableValue) -> AnimatableKeyframe

AnimatableKeyframe::with_easing

source

fn AnimatableKeyframe::with_easing(offset : Double, value : AnimatableValue, easing : @mizchi/css/values.Easing
Easing) -> AnimatableKeyframe

AnimatableKeyframeEffect

source

pub(all) struct AnimatableKeyframeEffect {
  keyframes : Array[AnimatableKeyframe]
  timing : EffectTiming
}

A typed keyframe effect: keyframes (sorted by offset) plus timing. Mirrors NumericKeyframeEffect but interpolates AnimatableValue computed values.

AnimatableKeyframeEffect::new

source

fn AnimatableKeyframeEffect::new(keyframes : Array[AnimatableKeyframe], timing : EffectTiming) -> AnimatableKeyframeEffect?

Build a typed keyframe effect. Returns None if there are no keyframes. Keyframes are assumed to be sorted by non-decreasing offset.

AnimatableKeyframeEffect::sample

source

fn AnimatableKeyframeEffect::sample(self : AnimatableKeyframeEffect, local_time : Double) -> AnimatableValue?

Sample the computed value at local_time (ms on the effect's local timeline). Returns None when the timing model produces no active value (e.g. a non-filled before/after phase).

AnimatableKeyframeEffect::sample_progress

source

fn AnimatableKeyframeEffect::sample_progress(self : AnimatableKeyframeEffect, progress : Double) -> AnimatableValue

Sample the computed value at normalized progress progress in [0, 1] within one iteration. Values before the first / after the last keyframe clamp to the endpoint value.

AnimatableValue

source

pub(all) enum AnimatableValue {
  Number(Double)
  Length(Double)
  Percent(Double)
  Color(@mizchi/css/values.Color
Color)
  Transform(@mizchi/css/style.Transform
Transform)
  Discrete(String)
} derive(Eq)

A computed value that can take part in animation interpolation. Anything not representable here (or interpolated between mismatched kinds) animates discretely (a 50% jump).

impl Show for AnimatableValue

AnimationPhase

source

pub(all) enum AnimationPhase {
  Before
  Active
  After
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

impl Show for AnimationPhase

ColorSpace

source

pub(all) enum ColorSpace {
  Srgb
  Oklab
  Oklch
  Lab
  Lch
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

Color space used for <color> interpolation.

CompositeOperation

source

pub(all) enum CompositeOperation {
  Replace
  Add
  Accumulate
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

impl Show for CompositeOperation

ComputedEffectTiming

source

pub(all) struct ComputedEffectTiming {
  phase : AnimationPhase
  active_duration : Double
  end_time : Double
  local_time : Double
  active_time : Double?
  progress : Double?
  current_iteration : Int?
  directed_progress : Double?
  transformed_progress : Double?
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

EffectTiming

source

pub(all) struct EffectTiming {
  delay : Double
  end_delay : Double
  fill : FillMode
  iteration_start : Double
  iterations : Double
  duration : Double
  direction : PlaybackDirection
  easing : @mizchi/css/values.Easing
Easing
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

EffectTiming::active_duration

source

fn EffectTiming::active_duration(self : EffectTiming) -> Double

EffectTiming::at

source

fn EffectTiming::at(self : EffectTiming, local_time : Double) -> ComputedEffectTiming

EffectTiming::end_time

source

fn EffectTiming::end_time(self : EffectTiming) -> Double

EffectTiming::new

source

fn EffectTiming::new(duration : Double) -> EffectTiming

FillMode

source

pub(all) enum FillMode {
  None
  Forwards
  Backwards
  Both
  Auto
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

impl Show for FillMode

IterationCompositeOperation

source

pub(all) enum IterationCompositeOperation {
  Replace
  Accumulate
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

impl Show for IterationCompositeOperation

NumericKeyframe

source

pub(all) struct NumericKeyframe {
  offset : Double
  value : Double
  easing : @mizchi/css/values.Easing
Easing
  composite : CompositeOperation?
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

NumericKeyframe::new

source

fn NumericKeyframe::new(offset : Double, value : Double) -> NumericKeyframe

NumericKeyframe::with_composite

source

fn NumericKeyframe::with_composite(offset : Double, value : Double, easing : @mizchi/css/values.Easing
Easing, composite : CompositeOperation) -> NumericKeyframe

NumericKeyframe::with_easing

source

fn NumericKeyframe::with_easing(offset : Double, value : Double, easing : @mizchi/css/values.Easing
Easing) -> NumericKeyframe

NumericKeyframeEffect

source

pub(all) struct NumericKeyframeEffect {
  keyframes : Array[NumericKeyframe]
  timing : EffectTiming
  composite : CompositeOperation
  iteration_composite : IterationCompositeOperation
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

NumericKeyframeEffect::new

source

fn NumericKeyframeEffect::new(keyframes : Array[NumericKeyframe], timing : EffectTiming) -> NumericKeyframeEffect?

NumericKeyframeEffect::sample

source

fn NumericKeyframeEffect::sample(self : NumericKeyframeEffect, local_time : Double) -> Double?

NumericKeyframeEffect::sample_progress

source

fn NumericKeyframeEffect::sample_progress(self : NumericKeyframeEffect, progress : Double) -> Double

NumericKeyframeEffect::sample_progress_with_underlying

source

fn NumericKeyframeEffect::sample_progress_with_underlying(self : NumericKeyframeEffect, progress : Double, underlying_value : Double, current_iteration : Int) -> Double

NumericKeyframeEffect::sample_with_underlying

source

fn NumericKeyframeEffect::sample_with_underlying(self : NumericKeyframeEffect, local_time : Double, underlying_value : Double) -> Double?

NumericKeyframeEffect::with_composite

source

fn NumericKeyframeEffect::with_composite(keyframes : Array[NumericKeyframe], timing : EffectTiming, composite : CompositeOperation, iteration_composite : IterationCompositeOperation) -> NumericKeyframeEffect?

PlaybackDirection

source

pub(all) enum PlaybackDirection {
  Normal
  Reverse
  Alternate
  AlternateReverse
} derive(Eq, @moonbitlang/core/debug.Debug
Debug)

impl Show for PlaybackDirection

interpolate

source

fn interpolate(from : AnimatableValue, to : AnimatableValue, t : Double) -> AnimatableValue

Interpolate between two computed values at eased progress t in [0, 1]. Matching numeric kinds interpolate linearly; colors interpolate in sRGB; any mismatched or non-interpolable pair animates discretely (jumps at 0.5).

interpolate_color_in

source

fn interpolate_color_in(space : ColorSpace, a : @mizchi/css/values.Color
Color, b : @mizchi/css/values.Color
Color, t : Double) -> @mizchi/css/values.Color
Color

Interpolate two colors in the given color space. Rectangular spaces (srgb, oklab, lab) interpolate channels linearly; polar spaces (oklch, lch) interpolate lightness/chroma linearly and hue along the shortest arc. Alpha is always interpolated linearly.

interpolate_color_oklab

source

fn interpolate_color_oklab(a : @mizchi/css/values.Color
Color, b : @mizchi/css/values.Color
Color, t : Double) -> @mizchi/css/values.Color
Color

Interpolate two colors in the Oklab color space (CSS Color 4 default for <color> interpolation). Alpha is interpolated linearly in [0, 1].

Source Files

Site source Report issue Packages Build queue Skills Statistics

#AnimatableKeyframe

#AnimatableKeyframe::new

#AnimatableKeyframe::with_easing

#AnimatableKeyframeEffect

#AnimatableKeyframeEffect::new

#AnimatableKeyframeEffect::sample

#AnimatableKeyframeEffect::sample_progress

#AnimatableValue

#AnimationPhase

#ColorSpace

#CompositeOperation

#ComputedEffectTiming

#EffectTiming

#EffectTiming::active_duration

#EffectTiming::at

#EffectTiming::end_time

#EffectTiming::new

#FillMode

#IterationCompositeOperation

#NumericKeyframe

#NumericKeyframe::new

#NumericKeyframe::with_composite

#NumericKeyframe::with_easing

#NumericKeyframeEffect

#NumericKeyframeEffect::new

#NumericKeyframeEffect::sample

#NumericKeyframeEffect::sample_progress

#NumericKeyframeEffect::sample_progress_with_underlying

#NumericKeyframeEffect::sample_with_underlying

#NumericKeyframeEffect::with_composite

#PlaybackDirection

#interpolate

#interpolate_color_in

#interpolate_color_oklab

Source Files

AnimatableKeyframe

AnimatableKeyframe::new

AnimatableKeyframe::with_easing

AnimatableKeyframeEffect

AnimatableKeyframeEffect::new

AnimatableKeyframeEffect::sample

AnimatableKeyframeEffect::sample_progress

AnimatableValue

AnimationPhase

ColorSpace

CompositeOperation

ComputedEffectTiming

EffectTiming

EffectTiming::active_duration

EffectTiming::at

EffectTiming::end_time

EffectTiming::new

FillMode

IterationCompositeOperation

NumericKeyframe

NumericKeyframe::new

NumericKeyframe::with_composite

NumericKeyframe::with_easing

NumericKeyframeEffect

NumericKeyframeEffect::new

NumericKeyframeEffect::sample

NumericKeyframeEffect::sample_progress

NumericKeyframeEffect::sample_progress_with_underlying

NumericKeyframeEffect::sample_with_underlying

NumericKeyframeEffect::with_composite

PlaybackDirection

interpolate

interpolate_color_in

interpolate_color_oklab