Clay.Transform

Contents

• The transform propery.
• Translating.
• Scaling.
• Rotating.
• Skewing.
• Custom 3D transformations.

Synopsis

• data Transformation
• transform :: Transformation -> Css
• transforms :: [Transformation] -> Css
• translate :: Size a -> Size b -> Transformation
• translateX :: Size LengthUnit -> Transformation
• translateY :: Size LengthUnit -> Transformation
• translateZ :: Size LengthUnit -> Transformation
• translate3d :: Size a -> Size b -> Size LengthUnit -> Transformation
• scale :: Double -> Double -> Transformation
• scaleX :: Double -> Transformation
• scaleY :: Double -> Transformation
• scaleZ :: Double -> Transformation
• scale3d :: Double -> Double -> Double -> Transformation
• rotate :: Angle a -> Transformation
• rotateX :: Angle a -> Transformation
• rotateY :: Angle a -> Transformation
• rotateZ :: Angle a -> Transformation
• rotate3d :: Double -> Double -> Double -> Angle a -> Transformation
• skew :: Angle a -> Angle a -> Transformation
• skewX :: Angle a -> Transformation
• skewY :: Angle a -> Transformation
• perspective :: Double -> Transformation
• matrix :: Double -> Double -> Double -> Double -> Double -> Double -> Transformation
• matrix3d :: Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Double -> Transformation

The transform propery.

Translating.

Scaling.

Rotating.

Skewing.

Custom 3D transformations.