summaryrefslogtreecommitdiff
path: root/Base/res/html/misc
diff options
context:
space:
mode:
authorMaciej <sppmacd@pm.me>2022-02-18 12:21:27 +0100
committerAndreas Kling <kling@serenityos.org>2022-02-19 11:38:46 +0100
commit3e1c1c0b16a5af859172d46a361f3f995e87820b (patch)
treeaf7bdfbc096919c5c4a13c7545c1a23e27560fc6 /Base/res/html/misc
parent246b42b63570c13479836b6862c83c423ed7ee7a (diff)
downloadserenity-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.html16
-rw-r--r--Base/res/html/misc/welcome.html1
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>