diff options
| author | Tobias Christiansen <tobi@tobyase.de> | 2021-07-23 21:35:02 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2021-07-24 22:16:48 +0200 |
| commit | 6502d79240dbf9cf0a5dbe3a1cda395a27ac2784 (patch) | |
| tree | c811c3ac63584035f5a19094001df02b16c1b9db /Base/res | |
| parent | 5471c872469b059a51d9d652853baa15de006fac (diff) | |
| download | serenity-6502d79240dbf9cf0a5dbe3a1cda395a27ac2784.zip | |
Base: Add test page for box-shadow
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/box-shadow.html | 41 | ||||
| -rw-r--r-- | Base/res/html/misc/welcome.html | 1 |
2 files changed, 42 insertions, 0 deletions
diff --git a/Base/res/html/misc/box-shadow.html b/Base/res/html/misc/box-shadow.html new file mode 100644 index 0000000000..c1fe9b4d12 --- /dev/null +++ b/Base/res/html/misc/box-shadow.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html> + +<head> + <title>Box-Shadow</title> + <style> + + .box { + border: 1px solid black; + height: 100px; + width: 100px; + margin: 50px; + } + </style> +</head> + +<body> +<h1>Box-shadow Tests</h1> + +<div class="box" style="box-shadow: 20px 10px magenta"> + <p>box-shadow: 20px 10px magenta</p> +</div> + +<div class="box" style="box-shadow: -40px -20px magenta"> + <p>box-shadow: -40px -20px magenta</p> +</div> + +<div class="box" style="box-shadow: 20px 10px rgba(255,0,255,0.5)"> + <p>box-shadow: 20px 10px rgba(255,0,255,0.5)</p> +</div> + +<div class="box" style="box-shadow: -40px -20px rgba(255,0,255,0.5)"> + <p>box-shadow: -40px -20px rgba(255,0,255,0.5)</p> +</div> + +<div class="box" style="box-shadow: 20px 10px 5px magenta"> + <p>box-shadow: 20px 10px 5px magenta</p> +</div> + +</body> +</html> diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index dbc740f4bd..28a49ea19c 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -46,6 +46,7 @@ <p>This page loaded in <b><span id="loadtime"></span></b> ms</p> <p>Some small test pages:</p> <ul> + <li><a href="box-shadow.html">Box-shadow</a></li> <li><a href="calc.html">calc Property</a></li> <li><a href="opacity.html">CSS opacity property</a></li> <li><a href="justify-content.html">Flexbox justify-content</a></li> |