How to create multiple borders in an HTML element?

• In CSS3 we have a box-shadow property which creates shadow around an element.A bit tricky use of this property can get us a multiple border in an HTML element.
• Example,

   

.my-name-container{
    
box-shadow: 
	0 0 0 30px violet,
	0 0 0 60px indigo,
	0 0 0 90px blue,
	0 0 0 120px green,
	0 0 0 150px yellow,
	0 0 0 180px red;
}

• The fiddleLink  has the demonstration of this property, check the below embedded fiddle code,