RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 21:37:36 +00:00
Code Issues Activity Actions

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

Browse source
This commit is contained in:
MacDue 2022-11-06 14:53:23 +00:00 • committed by Sam Atkins
parent 7e21fe61b4
commit d5cf403f70
1 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -165,6 +165,23 @@
.grad-conic-6 { .grad-conic-6 {
background-image: conic-gradient(red 0deg, red 90deg, yellow 90deg, yellow 180deg, green 180deg, green 270deg, blue 270deg); 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> </style>
</head> </head>
<body> <body>
@ -212,6 +229,9 @@
<div class="box grad-conic-4"></div> <div class="box grad-conic-4"></div>
<div class="box grad-conic-5"></div> <div class="box grad-conic-5"></div>
<div class="box grad-conic-6"></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> </body>
<script> <script>
const boxes = document.querySelectorAll(".box, .rect"); const boxes = document.querySelectorAll(".box, .rect");