summaryrefslogtreecommitdiff
path: root/Base/res/html/misc
diff options
context:
space:
mode:
authorMacDue <macdue@dueutil.tech>2022-08-07 12:36:10 +0100
committerAndreas Kling <kling@serenityos.org>2022-08-07 20:47:31 +0200
commit6dd854faece54e3a108e56476ee18c89004213b0 (patch)
tree9bd7ee6b54260dd83a65edeb3cefd97771fc918c /Base/res/html/misc
parentca2e345cdcdbb12b67f6ccdb6950326bd06aebb3 (diff)
downloadserenity-6dd854faece54e3a108e56476ee18c89004213b0.zip
Base: Add an example `-webkit-linear-gradient()`
Diffstat (limited to 'Base/res/html/misc')
-rw-r--r--Base/res/html/misc/gradients.html6
1 files changed, 6 insertions, 0 deletions
diff --git a/Base/res/html/misc/gradients.html b/Base/res/html/misc/gradients.html
index 66cbe7dc3f..4a0365efd9 100644
--- a/Base/res/html/misc/gradients.html
+++ b/Base/res/html/misc/gradients.html
@@ -91,6 +91,10 @@
.grad-14 {
background-image: linear-gradient(to bottom right, indigo, white, deeppink);
}
+
+ .grad-webkit {
+ background-image: -webkit-linear-gradient(top right, yellow, black, yellow, black);
+ }
</style>
</head>
<body>
@@ -116,6 +120,8 @@
<div class="rect grad-12"></div>
<div class="rect grad-13"></div>
<div class="rect grad-14"></div>
+ <b>A webkit gradient</b><br>
+ <div class="box grad-webkit"></div>
</body>
<script>
const boxes = document.querySelectorAll(".box, .rect");