有意思的属性

image-rendering表示的是，当某个元素放大后，表示元素的像素将采用如何重新计算。（例如，为一张位图设置transform - scale） image-rendering可选的属性值包括：

image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;

auto - 由浏览器决定，类似Photoshop中的二次线性插值。 pixelated - 像素化插值，类似Photoshop中的邻近插值。 crisp-edges - 强化边缘？根据MDN的说法，使用该属性值对图像进行缩放时，将保留图像中的对比度与边缘，且不会在颜色边沿产生平滑或是模糊。

不过根据笔者在Chrome浏览器里的测试，目前，该属性具有显著效果的属性值是pixelated，使用后，图像在进行缩放时，将产生锐利的锯齿，看起来比较适合制造像素风格效果。(严重怀疑pixelated和crisp-edges差别不大)

可选的关键字包括：

image-rendering: inherit;
image-rendering: initial;
image-rendering: unset;

gogoend / blog