Background Image

Style syntax for setting background images on an element.

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

Overview [sr-only]

background-image:url() / background:url() / 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 in different states using selectors, media queries, etc.

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

Style syntax for setting the background color of an element.

Background Origin

Style syntax for setting the background's origin.

MIT License © Aoyue Design LLC.