מאפיין image-rendering

מאפיין image-rendering נותן רמז ל-UA איך לבצע אינטרפולציה של תמונה כשהיא מותאמת. pixelated משמש לפיקסל-ארט; crisp-edges שומר על קצוות חדים.

.pixel-art { image-rendering: pixelated; }

img.photo { image-rendering: high-quality; }

autoערך ברירת המחדל. הדפדפן בוחר אלגוריתם רגיל (bilinear).

smoothמעדיף חלקות (bilinear, bicubic).

high-qualityאינטרפולציה איכותית מרבית.

crisp-edgesשומר על קצוות חדים (nearest-neighbor או דומה).

pixelatedפיקסל-ארט — nearest-neighbor; כל פיקסל מוצג כריבוע ברור.

CSS Images Module Level 3

Editor's Draft

Show all code