Background

Background Image

Style syntax for setting background images on an element.

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

Class	Declarations
`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>