Flat ist nicht genug – Jonas Hellwig (kulturbanause.de) @ Webinale 2016 Berlin

/* multiple circular gradients */

.example {
	background: 
		radial-gradient(
			circle, 
			transparent, 
			transparent 17px, 
			rgba(255,255,255,0.5) 17px, 
			rgba(255,255,255,0.5) 20px, 
			transparent 20px, 
			transparent),

radial-gradient(
			circle, 
			transparent, 
			transparent 12px, 
			rgba(255,255,255,0.5) 12px, 
			rgba(255,255,255,0.5) 15px, 
			transparent 15px, 
			transparent),

radial-gradient(
			circle, 
			transparent, 
			transparent 19px, 
			rgba(255,255,255,0.5) 19px, 
			rgba(255,255,255,0.5) 23px, 
			transparent 23px, 
			transparent),

radial-gradient(
			circle, 
			transparent, 
			transparent 7px, rgba(255,255,255,0.5) 7px, 
			rgba(255,255,255,0.5) 11px, 
			transparent 11px, 
			transparent),

gold;
    
    background-position: 
    	10px 20px, 
    	40px 100px, 
    	130px 140px, 
    	-80px 0px, 
    	80px 60px;

background-size: 180px 180px;
}