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"> <code></code> </pre>
This Pen demonstrates the differences between scaling an image with a transform and scaling an image by modifying the dimensions.
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.