← Playgrounds一覧に戻る
CSSデモ1件
image-rendering: crisp-edges
画像を拡大表示するときに色を補間せず境界をはっきり保つCSS値です。ドット絵やピクセルアートを滲ませずに拡大できます。
image-rendering値の比較
Selectでauto・smooth・crisp-edges・pixelatedを切り替え、16×16のドット絵を16倍に拡大したときの滲み方の違いを見比べられます。
画像を拡大表示するときに色を補間せず境界をはっきり保つCSS値です。ドット絵やピクセルアートを滲ませずに拡大できます。
Selectでauto・smooth・crisp-edges・pixelatedを切り替え、16×16のドット絵を16倍に拡大したときの滲み方の違いを見比べられます。