mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-21 18:15:58 +00:00
Base: Add a text-shadow test page
This commit is contained in:
parent
f078bb8294
commit
4d8789b173
45
Base/res/html/misc/text-shadow.html
Normal file
45
Base/res/html/misc/text-shadow.html
Normal file
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Text-Shadow</title>
|
||||
<style>
|
||||
|
||||
.box {
|
||||
border: 1px solid black;
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Text-shadow Tests</h1>
|
||||
<h2>Simple</h2>
|
||||
<div class="box" style="text-shadow: 25px 50px blue">
|
||||
<p>text-shadow: 25px 50px blue</p>
|
||||
</div>
|
||||
|
||||
<h2>Blur</h2>
|
||||
<div class="box" style="text-shadow: magenta 0 0 3px">
|
||||
<p>text-shadow: magenta 0 0 3px</p>
|
||||
</div>
|
||||
|
||||
<h2>Multiple</h2>
|
||||
<div class="box" style="text-shadow: 4px 4px blue, 8px 8px green, 12px 12px yellow">
|
||||
<p>text-shadow: 4px 4px blue, 8px 8px green, 12px 12px yellow</p>
|
||||
</div>
|
||||
|
||||
<h2>Spread</h2>
|
||||
<div class="box" style="text-shadow: 0 0 0 5px magenta">
|
||||
<p>text-shadow: 0 0 0 5px magenta</p>
|
||||
</div>
|
||||
|
||||
<h2>Spread and blur</h2>
|
||||
<div class="box" style="text-shadow: 0 0 10px 5px magenta">
|
||||
<p>text-shadow: 0 0 10px 5px magenta</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -106,6 +106,7 @@
|
|||
<li><a href="backgrounds.html">Backgrounds</a></li>
|
||||
<li><a href="background-repeat-test.html">Background-repeat</a></li>
|
||||
<li><a href="box-shadow.html">Box-shadow</a></li>
|
||||
<li><a href="text-shadow.html">Text-shadow</a></li>
|
||||
<li><a href="opacity.html">Opacity</a></li>
|
||||
<li><a href="text-decoration.html">Text-decoration</a></li>
|
||||
<li><a href="fonts.html">Fonts</a></li>
|
||||
|
|
Loading…
Reference in a new issue