This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
README Html.Animation

Html.Animation.Properties

All Animatable Style Properties

type StyleProperty a = Prop String a String | Display DisplayMode | Opacity a | Height a Length | Width a Length | Left a Length | Top a Length | Right a Length | Bottom a Length | MaxHeight a Length | MaxWidth a Length | MinHeight a Length | MinWidth a Length | Padding a Length | PaddingLeft a Length | PaddingRight a Length | PaddingTop a Length | PaddingBottom a Length | Margin a Length | MarginLeft a Length | MarginRight a Length | MarginTop a Length | MarginBottom a Length | BorderWidth a Length | BorderRadius a Length | BorderTopLeftRadius a Length | BorderTopRightRadius a Length | BorderBottomLeftRadius a Length | BorderBottomRightRadius a Length | LetterSpacing a Length | LineHeight a Length | BackgroundPosition a a Length | Color a a a a | BackgroundColor a a a a | BorderColor a a a a | TransformOrigin a a a Length | Matrix a a a a a a | Matrix3d a a a a a a a a a a a a a a a a | Translate a a Length | Translate3d a a a Length | TranslateX a Length | TranslateY a Length | Scale a | Scale3d a a a | ScaleX a | ScaleY a | ScaleZ a | Rotate a Angle | Rotate3d a a a a Angle | RotateX a Angle | RotateY a Angle | Skew a a Angle | SkewX a Angle | SkewY a Angle | Perspective a

All currently animatable properties.

type DisplayMode = None | Inline | InlineBlock | Block | Flex | InlineFlex | ListItem

A Display value used for the display property. A display mode is not animated but can be set using Html.Animation.set

Units

type Length = Px | Percent | Rem | Em | Ex | Ch | Vh | Vw | Vmin | Vmax | Mm | Cm | In | Pt | Pc

Units representing length.

type Angle = Deg | Grad | Rad | Turn

Units representing angles.

module Html.Animation.Properties (StyleProperty (..), Length (..), Angle (..), DisplayMode (..)) where


{-|

# All Animatable Style Properties
@docs StyleProperty, DisplayMode

# Units
@docs Length, Angle

-}


{-| All currently animatable properties.
-}
type StyleProperty a
  = Prop String a String
  | Display DisplayMode
  | Opacity a
  | Height a Length
  | Width a Length
  | Left a Length
  | Top a Length
  | Right a Length
  | Bottom a Length
  | MaxHeight a Length
  | MaxWidth a Length
  | MinHeight a Length
  | MinWidth a Length
  | Padding a Length
  | PaddingLeft a Length
  | PaddingRight a Length
  | PaddingTop a Length
  | PaddingBottom a Length
  | Margin a Length
  | MarginLeft a Length
  | MarginRight a Length
  | MarginTop a Length
  | MarginBottom a Length
  | BorderWidth a Length
  | BorderRadius a Length
  | BorderTopLeftRadius a Length
  | BorderTopRightRadius a Length
  | BorderBottomLeftRadius a Length
  | BorderBottomRightRadius a Length
  | LetterSpacing a Length
  | LineHeight a Length
  | BackgroundPosition a a Length
  | Color a a a a
  | BackgroundColor a a a a
  | BorderColor a a a a
  | TransformOrigin a a a Length
  | Matrix a a a a a a
  | Matrix3d a a a a a a a a a a a a a a a a
  | Translate a a Length
  | Translate3d a a a Length
  | TranslateX a Length
  | TranslateY a Length
  | Scale a
  | Scale3d a a a
  | ScaleX a
  | ScaleY a
  | ScaleZ a
  | Rotate a Angle
  | Rotate3d a a a a Angle
  | RotateX a Angle
  | RotateY a Angle
  | Skew a a Angle
  | SkewX a Angle
  | SkewY a Angle
  | Perspective a



{-| Units representing length.
-}
type Length
  = Px
  | Percent
  | Rem
  | Em
  | Ex
  | Ch
  | Vh
  | Vw
  | Vmin
  | Vmax
  | Mm
  | Cm
  | In
  | Pt
  | Pc


{-| Units representing angles.
-}
type Angle
  = Deg
  | Grad
  | Rad
  | Turn

{-| A Display value used for the display property.
A display mode is not animated but can be set using Html.Animation.set
-}
type DisplayMode
  = None
  | Inline
  | InlineBlock
  | Block
  | Flex
  | InlineFlex
  | ListItem