fergalmoran/ladybird
1
0
Fork 0
mirror of https://github.com/fergalmoran/ladybird.git synced 2026-01-06 16:45:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Base: Add some repeating-radial-gradient() HTML examples

Browse Source
This commit is contained in:
MacDue
2022-12-03 00:06:21 +00:00
committed by Tim Flynn
parent 28028be2fc
commit cdf6e568f6
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
Base/res/html/misc/gradients.html
View File

@@ -198,6 +198,18 @@
.grad-radial-4 {
background-image: radial-gradient(200px 100px ellipse at 25% 50%, yellow, #009966, purple);
}
.grad-radial-repeat-1 {
background-image: repeating-radial-gradient(#e66465, #9198e5 20%);
}
.grad-radial-repeat-2 {
background-image: repeating-radial-gradient(closest-side, #3f87a6, #ebf8e1, #f69d3c);
}
.grad-radial-repeat-3 {
background-image: repeating-radial-gradient(circle at 100%, #333, #333 10px, #eee 10px, #eee 20px);
}
</style>
</head>
<body>
@@ -253,6 +265,10 @@
<div class="rect grad-radial-2"></div>
<div class="rect grad-radial-3"></div>
<div class="rect grad-radial-4"></div>
<b>Repeating radial gradients</b><br>
<div class="rect grad-radial-repeat-1"></div>
<div class="rect grad-radial-repeat-2"></div>
<div class="rect grad-radial-repeat-3"></div>
</body>
<script>
const boxes = document.querySelectorAll(".box, .rect");