Syntax

Background Image

Setting background images on an element.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
bg:url()background-image: url();
bg:linear-gradient()background-image: linear-gradient();
bg:radial-gradient()background-image: radial-gradient();
bg:repeating-linear-gradient()background-image: repeating-linear-gradient();
bg:repeating-radial-gradient()background-image: repeating-radial-gradient();
bg:conic-gradient()background-image: conic-gradient();

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="bg:url():hover bg:url()@sm bg:url()@dark bg:url()@print"></div>
Syntax
Background Color

Setting the background color of an element.

Syntax
Background Origin

Setting the background's origin.

© Aoyue Design LLC.