mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 19:47:44 +00:00
Base: Add test page for box-shadow
This commit is contained in:
parent
5471c87246
commit
6502d79240
2 changed files with 42 additions and 0 deletions
41
Base/res/html/misc/box-shadow.html
Normal file
41
Base/res/html/misc/box-shadow.html
Normal file
|
@ -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>
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue