RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-22 19:35:06 +00:00
Code Issues Activity Actions

Base: Add some extra conic-gradient() test cases

Browse source 
This adds a test of a conic-gradient() with just a center position
and no starting angle.

This also adds a gradient that gives each quadrant a different color,
this is very sensitive to the center position being correct.
This commit is contained in:
MacDue 2022-11-06 00:50:58 +00:00 • committed by Linus Groh
parent b2a0d70ef3
commit d66b219453
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Base/res/html/misc/gradients.html
View file

@ -157,6 +157,14 @@
red 6deg, orange 6deg 18deg, yellow 18deg 45deg,
green 45deg 110deg, blue 110deg 200deg, purple 200deg);
}
.grad-conic-5 {
background-image: conic-gradient(at 60% 45%, red, yellow, green);
}
.grad-conic-6 {
background-image: conic-gradient(red 0deg, red 90deg, yellow 90deg, yellow 180deg, green 180deg, green 270deg, blue 270deg);
}
</style>
</head>
<body>
@ -202,6 +210,8 @@
<div class="box grad-conic-2"></div>
<div class="box grad-conic-3"></div>
<div class="box grad-conic-4"></div>
<div class="box grad-conic-5"></div>
<div class="box grad-conic-6"></div>
</body>
<script>
const boxes = document.querySelectorAll(".box, .rect");