blob: bf9b8a58a6e761580890938769065af29516da2a [file] [edit]
a {
background-image: radial-gradient(yellow, green);
}
b {
background-image: radial-gradient(ellipse at center, yellow 0%, green 100%);
}
c {
background-image: radial-gradient(farthest-corner at 50% 50%, yellow, green);
}
d {
background-image: radial-gradient(circle, yellow, green);
}
e {
background-image: radial-gradient(red, yellow, green);
}
f {
background-image: radial-gradient(farthest-side at left bottom, red, yellow 50px, green);
}
g {
background-image: radial-gradient(closest-side at 20px 30px, red, yellow, green);
}
h {
background-image: radial-gradient(20px 30px at 20px 30px, red, yellow, green);
}
i {
background-image: radial-gradient(closest-side circle at 20px 30px, red, yellow, green);
}
j {
background-image: radial-gradient(20px 20px at 20px 30px, red, yellow, green);
}
k {
background-image: radial-gradient(in srgb 20px 20px, red, yellow);
border-image-source: repeating-radial-gradient(in srgb 20px 20px, red, yellow);
}
l {
background-image: radial-gradient(in oklch 20px 20px, red, yellow);
border-image-source: repeating-radial-gradient(in oklch 20px 20px, red, yellow);
}
m {
background-image: radial-gradient(circle in hsl longer hue, red, yellow);
border-image-source: repeating-radial-gradient(circle in hsl longer hue, red, yellow);
}