[CSS]버튼에 쓸수 있는 애니메이션

 

 

 

 

:after을 이용해 선을 하나 그려주고 

 

클릭시 선을 없애고 버튼을 살짝 이동해 눌리는 효과를 줄 수 있습니다. 

 

a:active{
  top:5px;
  left:5px;
}
a:active:after{
  border:0;
}

 

 

아래에서 버튼을 클릭해서 효과를 눈으로 확인해보세요