Press/to search

Rendering

Image v1.1.3

Utilities for sets an image or canvas renders if it is scaled up or down from its original dimensions.


Class

classcss
image-autoimage-rendering: auto
image-crispimage-rendering: crisp-edges
image-pixelatedimage-rendering: pixelated
Note: Your browser does not currently support the utilities.

Usage

<!-- Example -->
<img class="image-crisp">

<canvas class="image-crisp"></canvas>

<y class="image-crisp"
style="background-image: url(...)">
</y>

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.