CSS : active 버튼누르는 효과

 

hover는 마우스를 올렸을때

active는 마우스를 누르고  땟을때 발생하는 효과

 

.manimg:active{
  box-shadow: 1px 1px 0 rgb(0,0,0,0.5);
  position: relative;
  top:2px;
}

위에는 그림자가 되어있는데 눌렀을때 그림자가 사라지면서 누른 효과가 날수있게 css를 짜놓은 것이다.