Edit in JSFiddle

<div class="my-name-container"></div>

.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;
    border:1px solid black;
    border-radius:2000px;
    width:300px;
    height:300px;
    transition: width 3s;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
}
.my-name-container:hover{
    width:100px;
}