728x90
반응형
:before 와 :after 두가지 가상클래스를 이용해서 버튼의 두가지 면을 만들고
transform을 이용해 3D 효과를 구현했다.
이때 3D효과를 위해서는 perspective가 꼭 필요하다
728x90
반응형
'CSS > CSS 응용' 카테고리의 다른 글
| [CSS] 초간단 CSS만으로 탭메뉴 구현하는 방법 두가지(javascript 없이 탭메뉴 구현하기) (1073) | 2019.05.29 |
|---|---|
| [CSS]touch-action 속성을 이용해 터치 제한하기 (786) | 2019.05.29 |
| [CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기 (2506) | 2019.05.28 |
| [CSS]CSS만을 이용해서 차트 그리기 (377) | 2019.05.24 |
| [CSS] 다양한 레이아웃을 이용해 반응형 게시판 양식만들기 (table / grid / ul li / flex) (429) | 2019.05.23 |
댓글