diff options
| author | MacDue <macdue@dueutil.tech> | 2022-11-06 14:53:23 +0000 |
|---|---|---|
| committer | Sam Atkins <atkinssj@gmail.com> | 2022-11-07 13:13:22 +0000 |
| commit | d5cf403f709a39e2a5b436d149d86b6eef1571b0 (patch) | |
| tree | f4b073be83a75c27a733bd4d575c31a942180f02 /Base/res | |
| parent | 7e21fe61b4ffe1eae2f2d5b5ebb9cf872f87fa86 (diff) | |
| download | serenity-d5cf403f709a39e2a5b436d149d86b6eef1571b0.zip | |
Base: Add some `repeating-conic-gradient()` test cases
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/gradients.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/Base/res/html/misc/gradients.html b/Base/res/html/misc/gradients.html index 3062c81a2e..2d289a0774 100644 --- a/Base/res/html/misc/gradients.html +++ b/Base/res/html/misc/gradients.html @@ -165,6 +165,23 @@ .grad-conic-6 { background-image: conic-gradient(red 0deg, red 90deg, yellow 90deg, yellow 180deg, green 180deg, green 270deg, blue 270deg); } + + .grad-conic-repeat-1 { + background-image: repeating-conic-gradient( + red 0%, + yellow 15%, + red 33% + ); + } + + .grad-conic-repeat-2 { + background-image: repeating-conic-gradient( + from 45deg at 10% 50%, + brown 0deg 10deg, + darkgoldenrod 10deg 20deg, + chocolate 20deg 30deg + ); + } </style> </head> <body> @@ -212,6 +229,9 @@ <div class="box grad-conic-4"></div> <div class="box grad-conic-5"></div> <div class="box grad-conic-6"></div> + <b>Repeating conic gradients</b><br> + <div class="box grad-conic-repeat-1"></div> + <div class="box grad-conic-repeat-2"></div> </body> <script> const boxes = document.querySelectorAll(".box, .rect"); |