Scaling and Pixelating

This code snippet was published on .

        <pre class="codepen" data-slug-hash="vdNeEa" data-default-tab="result" data-theme-id="119" data-user="chrisburnell" data-safe="true" data-height="750px">

This Pen demonstrates the differences between scaling an image with a transform and scaling an image by modifying the dimensions.

Designating the image-rendering property as pixelated with a transform scale seems to result in anti-aliasing around the edges of the image. Applying the same property value to a dimensional scale does not seem to exhibit the same anti-aliasing.