Animatable Properties
specify what your animation should look like at each point in an animation.
Internal.Animation.Property.Property
An animatable property.
These properties will give you smooth and performant animations.
opacity : Basics.Float -> Property
Animate the opacity of an element (a value between 0
and 1
).
Move, Rotate and resize elements.
rotate : Basics.Float -> Property
scale : Basics.Float -> Property
scaleXY : Basics.Float -> Basics.Float -> Property
y : Basics.Float -> Property
x : Basics.Float -> Property
xy : Basics.Float -> Basics.Float -> Property
color : String -> Property
backgroundColor : String -> Property
borderColor : String -> Property
Animate any CSS property:
P.property "stroke-dasharray" "10"
Take care with properties that are not hardware accelerated as they may result in janky animations.
property : String -> String -> Property