diff options
author | Maciej <sppmacd@pm.me> | 2022-02-18 12:21:27 +0100 |
---|---|---|
committer | Andreas Kling <kling@serenityos.org> | 2022-02-19 11:38:46 +0100 |
commit | 3e1c1c0b16a5af859172d46a361f3f995e87820b (patch) | |
tree | af7bdfbc096919c5c4a13c7545c1a23e27560fc6 /Base/res/html/misc | |
parent | 246b42b63570c13479836b6862c83c423ed7ee7a (diff) | |
download | serenity-3e1c1c0b16a5af859172d46a361f3f995e87820b.zip |
LibWeb: Add support for CSS image-rendering property
Currently only "auto" and "pixelated" values are supported.
Diffstat (limited to 'Base/res/html/misc')
-rw-r--r-- | Base/res/html/misc/image-rendering.html | 16 | ||||
-rw-r--r-- | Base/res/html/misc/welcome.html | 1 |
2 files changed, 17 insertions, 0 deletions
diff --git a/Base/res/html/misc/image-rendering.html b/Base/res/html/misc/image-rendering.html new file mode 100644 index 0000000000..d0d2641052 --- /dev/null +++ b/Base/res/html/misc/image-rendering.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>image-rendering property</title> +</head> +<body> + <h1>image-rendering property</h1> + <p>This image should be blurred:</p> + <img style="width: 256px" src="file:///res/graphics/buggie.png"> + <p>This image should be blurred:</p> + <img style="image-rendering: auto; width: 256px" src="file:///res/graphics/buggie.png"> + <p>This image should be pixelated:</p> + <img style="image-rendering: pixelated; width: 256px" src="file:///res/graphics/buggie.png"> +</body> +</html> diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index e4518ad0eb..3cd6292dd1 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -117,6 +117,7 @@ <li><a href="float-3.html">Floating boxes with overflow=hidden</a></li> <li><a href="clear-1.html">Float clearing</a></li> <li><a href="overflow.html">Overflow</a></li> + <li><a href="image-rendering.html">image-rendering property</a></li> <li><h3>Features</h3></li> <li><a href="css.html">Basic functionality</a></li> <li><a href="colors.html">css colors</a></li> |