diff options
| author | MacDue <macdue@dueutil.tech> | 2022-11-06 00:50:58 +0000 |
|---|---|---|
| committer | Linus Groh <mail@linusgroh.de> | 2022-11-06 01:42:55 +0000 |
| commit | d66b2194539f39f848cccf179bb3324db52e7c3c (patch) | |
| tree | f6c87790c0291684bae410d36776aab0d398ac62 /Base/res | |
| parent | b2a0d70ef3b9e8320be213461fee14d8397dc266 (diff) | |
| download | serenity-d66b2194539f39f848cccf179bb3324db52e7c3c.zip | |
Base: Add some extra `conic-gradient()` test cases
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.
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/gradients.html | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/Base/res/html/misc/gradients.html b/Base/res/html/misc/gradients.html index 368585b993..3062c81a2e 100644 --- a/Base/res/html/misc/gradients.html +++ b/Base/res/html/misc/gradients.html @@ -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"); |