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 applying conditionally.

<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.