반응형
[CSS] Button Hover 효과 사용법
CSS에서는 버튼에 다양한 hover 효과를 넣을 수 있다.
- 버튼에 색 입히기
- 버튼 사이즈 조절하기
- 라운드 버튼 만들기
- 버튼에 색깔 테두리 넣기
- 버튼 위에 마우스를 올리면 색이 변하게 설정하기
- 그림자 진 버튼 만들기
- disabled button(누를 수 없게 만든 버튼) 만들기
- 이미지 위에 버튼 만들기
- 애니메이션 넣은 버튼 만들기
아래 링크에 관련 내용이 알기 쉽게 나왔으므로 이를 통해 확인하길 바란다.
반응형
'HTML, CSS, JavaScript' 카테고리의 다른 글
| [JavaScript] document.querySelector() 사용법 (0) | 2021.08.08 |
|---|---|
| [CSS] 특정 클래스만 속성 적용 제외하기 (0) | 2021.08.08 |
| [CSS] cursor 속성 사용방법 (0) | 2021.08.08 |
| [CSS] grid-template: repeat 사용 (0) | 2021.08.08 |
| [CSS] position 속성 사용법 (0) | 2021.08.08 |