<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

External CSS

  1. https://codepen.io/thebabydino/pen/evPbxv.scss

External JavaScript

  1. https://codepen.io/thebabydino/pen/evPbxv.js