JSFiddle - React, Tailwind, and code Playground

by DelphinPRO

HTML

<div class="block"></div>

CSS

.block {
	color: black;
	border: 3px solid currentColor;
	border-radius: 10px;
	width: 100px;
	height: 100px;
	
	background:
    radial-gradient(circle at top 20px left 20px, currentColor, currentColor 10px, transparent 11px, transparent),
    radial-gradient(circle at top 20px right 20px, currentColor, currentColor 10px, transparent 11px, transparent),
    radial-gradient(circle at bottom 20px left 20px, currentColor, currentColor 10px, transparent 11px, transparent),
    radial-gradient(circle at bottom 20px right 20px, currentColor, currentColor 10px, transparent 11px, transparent),
    radial-gradient(circle at center, currentColor, currentColor 10px, transparent 11px, transparent)
		;
}