.ball { display: block; width: 72px; height: 72px; float: left; margin-right: 5px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; background-image: -moz-radial-gradient(36px 10px 45deg, circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -webkit-gradient(radial,36 36, 72, 36 10, 0, from(rgba(0,0,0,1)), to(rgba(255,255,255,1)), color-stop(0.85, rgba(255,255,255,0)), color-stop(0.4, rgba(0,0,0,1)) ); }
source: cssplay.co.uk