[Effect] :hover background-color 원형으로 안>밖

:hover하면 원형이 안에서 밖으로 나타나는 효과

 

.main-con .navi > li a:before {
position: absolute;
left: 50%;
bottom: 50%;
content: '';
width: 100px;
height: 100px;
margin-left: -50px;
margin-bottom: -50px;
border-radius: 50%;
transform: scale(0);
transition: 0.3s;
z-index: -1
}

 

.main-con .navi > li a:hover:before {
transform: scale(1);
border-radius: 50%;
background-color: #323232;
}