MackeyRMS / elm-ui / Element.Background

color : Element.Color -> Element.Attr decorative msg

gradient : { angle : Basics.Float, steps : List Element.Color } -> Element.Attr decorative msg

A linear gradient.

First you need to specify what direction the gradient is going by providing an angle in radians. 0 is up and pi is down.

The colors will be evenly spaced.

Images

image : String -> Element.Attribute msg

Resize the image to fit the containing element while maintaining proportions and cropping the overflow.

uncropped : String -> Element.Attribute msg

A centered background image that keeps its natural proportions, but scales to fit the space.

tiled : String -> Element.Attribute msg

Tile an image in the x and y axes.

tiledX : String -> Element.Attribute msg

Tile an image in the x axis.