x

HTML REQUIRED

CSS REQUIRED

.spinner{
	position:relative;
	margin:auto;
	
}
.blob li{
	list-style:none;
	border-radius:50%;
	position:absolute;
	
}

Circle Settings

Ever needed to have objects follow a circle using CSS?

This generator creates the CSS and HTML to make any number of elements go round a circle of any size.

The list items can have content added - such as text or images - and can have associated CSS classes to achieve this.

In-line styling is applied only to the absolutely positioned elements that follow the circle.

Just enter (or play around with) the settings on the left and click 'Generate'.