Syntax

Object Fit

Setting how the content should be resized to fit its container.

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

Overview

ClassDeclarations
object-fit:valueobject-fit: value;
object-fit:noneobject-fit: none;
obj:containobject-fit: contain;
obj:coverobject-fit: cover;
obj:fillobject-fit: fill;
obj:scale-downobject-fit: scale-down;

Conditionally apply

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

<div class="object-fit:fill:hover object-fit:fill@sm object-fit:fill@dark object-fit:fill@print">…</div>
Syntax
Mix Blend Mode

Setting how an element's content should blend with its parent background.

Syntax
Object Position

Setting the alignment of the selected replaced element within the element's box.

© Aoyue Design LLC.
MIT License