Link for Random Values (Use Later)(opens in a new tab) Icon Title Icon Title Icon Title Icon Title Icon Title Icon Title .ico-container{position:relative;} .ico-icon {border-radius:50%;position:relative;z-index:9;transition: transform .3s;} .ico-circle {position:absolute;height:100%;width:100%;border-radius:50%;top:0;left:0;bottom:0;right:0;transition: top .3s,left .3s,bottom .3s,right .3s,width .3s, height .3s;} .circle-1 {background-color: #9d4242;} .circle-2 {background-color: #42669d;} .circle-3 {background-color: #9d8b42;} .ico-container:hover .ico-icon {transform: scale(1.1);} .ico-container:hover .circle-1 {top: -10%;bottom: 10%;left: -10%;right: 10%;width: 100%;height: 100%;} .ico-container:hover .circle-2 {top: 1%;bottom: 0%;left: 46%;right: -46%;width: 65%;height: 65%;} .ico-container:hover .circle-3 {top: 20%;bottom: -10%;left: -10%;right: 10%;width: 90%;height: 90%;}