개발하는 루루언니

CSS : active 버튼누르는 효과 본문

컴퓨터 정보/css

CSS : active 버튼누르는 효과

혜닝혜루 2023. 2. 14. 17:59
728x90
반응형

 

hover는 마우스를 올렸을때

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

 

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

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

728x90

'컴퓨터 정보 > css' 카테고리의 다른 글

초기 CSS 셋팅 하기  (0) 2023.04.20
CSS 수정할때 Full Reload 되는 현상 막기  (0) 2023.04.19
CSS : 그라데이션 linear-gradient  (0) 2023.01.11
CSS : animation - direction 종류  (0) 2022.12.13
CSS : text-decoration 사용해보기  (0) 2022.12.13
'컴퓨터 정보/css' Related Articles more