<div></div>
$d: 30em;
div {
width: $d; height: $d;
background:
/* map */
conic-gradient(from 180deg,
red, rgba(#000, .5), red),
/* pattern */
repeating-radial-gradient(circle,
red, rgba(#000, .5), red 10%);
background-blend-mode: multiply;
filter:
contrast(19) saturate(.5) brightness(2)
}
View Compiled