Syntax
background-image
Setting background images on an element.
Overview
| Class | Declarations |
|---|---|
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(`…`);
|
Apply conditionally
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>