diff options
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> |