Clay.Animation

clay-0.15.0: CSS preprocessor as embedded Haskell.

Safe Haskell | None
Language | Haskell2010

Clay.Animation

Contents

- The animation propery.
- Animation-delay.
- Animation-direction.
- Animation-duration.
- Animation-action-name.
- Animation-play-state.
- Animation-fill-mode.
- Animation-timing-function.

Synopsis

- animation :: AnimationName -> Time -> TimingFunction -> Time -> IterationCount -> AnimationDirection -> FillMode -> Css
- animations :: [(AnimationName, Time, TimingFunction, Time, IterationCount, AnimationDirection, FillMode)] -> Css
- animationDelay :: Time -> Css
- animationDelays :: [Time] -> Css
- data AnimationDirection
- animationDirection :: AnimationDirection -> Css
- animationDirections :: [AnimationDirection] -> Css
- alternate :: AnimationDirection
- reverse :: AnimationDirection
- alternateReverse :: AnimationDirection
- animationDuration :: Time -> Css
- animationDurations :: [Time] -> Css
- data IterationCount
- animationIterationCount :: IterationCount -> Css
- animationIterationCounts :: [IterationCount] -> Css
- infinite :: IterationCount
- iterationCount :: Number -> IterationCount
- data AnimationName
- animationName :: AnimationName -> Css
- data PlayState
- animationPlayState :: PlayState -> Css
- running :: PlayState
- paused :: PlayState
- data FillMode
- animationFillMode :: FillMode -> Css
- forwards :: FillMode
- backwards :: FillMode
- animationTimingFunction :: TimingFunction -> Css

# The animation propery.

animation :: AnimationName -> Time -> TimingFunction -> Time -> IterationCount -> AnimationDirection -> FillMode -> Css #

animations :: [(AnimationName, Time, TimingFunction, Time, IterationCount, AnimationDirection, FillMode)] -> Css #

# Animation-delay.

animationDelay :: Time -> Css #

animationDelays :: [Time] -> Css #

# Animation-direction.

data AnimationDirection #

#### Instances

Instances details

Normal AnimationDirection # |
Instance details Defined in Clay.Animation Methods normal :: AnimationDirection #
Other AnimationDirection # |
Instance details Defined in Clay.Animation Methods other :: Value -> AnimationDirection #
Val AnimationDirection # |
Instance details Defined in Clay.Animation Methods value :: AnimationDirection -> Value #

animationDirection :: AnimationDirection -> Css #

animationDirections :: [AnimationDirection] -> Css #

alternate :: AnimationDirection #

reverse :: AnimationDirection #

alternateReverse :: AnimationDirection #

# Animation-duration.

animationDuration :: Time -> Css #

animationDurations :: [Time] -> Css #

data IterationCount #

#### Instances

Instances details

Normal IterationCount # |
Instance details Defined in Clay.Animation Methods normal :: IterationCount #
Other IterationCount # |
Instance details Defined in Clay.Animation Methods other :: Value -> IterationCount #
Val IterationCount # |
Instance details Defined in Clay.Animation Methods value :: IterationCount -> Value #

animationIterationCount :: IterationCount -> Css #

animationIterationCounts :: [IterationCount] -> Css #

infinite :: IterationCount #

iterationCount :: Number -> IterationCount #

# Animation-action-name.

data AnimationName #

#### Instances

Instances details

Inherit AnimationName # |
Instance details Defined in Clay.Animation Methods inherit :: AnimationName #
Initial AnimationName # |
Instance details Defined in Clay.Animation Methods initial :: AnimationName #
Other AnimationName # |
Instance details Defined in Clay.Animation Methods other :: Value -> AnimationName #
Unset AnimationName # |
Instance details Defined in Clay.Animation Methods unset :: AnimationName #
Val AnimationName # |
Instance details Defined in Clay.Animation Methods value :: AnimationName -> Value #
IsString AnimationName # |
Instance details Defined in Clay.Animation Methods fromString :: String -> AnimationName #

animationName :: AnimationName -> Css #

# Animation-play-state.

data PlayState #

#### Instances

Instances details

Other PlayState # |
Instance details Defined in Clay.Animation Methods other :: Value -> PlayState #
Val PlayState # |
Instance details Defined in Clay.Animation Methods value :: PlayState -> Value #

animationPlayState :: PlayState -> Css #

running :: PlayState #

paused :: PlayState #

# Animation-fill-mode.

data FillMode #

#### Instances

Instances details

None FillMode # |
Instance details Defined in Clay.Animation Methods none :: FillMode #
Other FillMode # |
Instance details Defined in Clay.Animation Methods other :: Value -> FillMode #
Val FillMode # |
Instance details Defined in Clay.Animation Methods value :: FillMode -> Value #

animationFillMode :: FillMode -> Css #

forwards :: FillMode #

backwards :: FillMode #

# Animation-timing-function.

animationTimingFunction :: TimingFunction -> Css #