Background Images

In addition to the background-color, you can fill a Layer with an image.

An image has a gradient and an image resource.

Since we use the background-image attribute, we can give a variety of repeated effects.

Gradient

Gradient Provides a tool for easy creation. The following three gradients can be created.

• linear-gradient
• radial-gradient
• conic-gradient
• repeating-linear-gradient
• repeating-radial-gradient
• repeating-conic-gradient

Image

You can specify an image defined in Assets.

Pattern

Background Image attributes have additional attributes.

• position
• size
• repeat
• blend mode

Four properties can be set together and various patterns can be created according to their values