210726 오늘은 조별로 여러가지 hover효과를 구현하여 설명하는 시간을 가졌고, 저녁에는 CSS3를 사용해 애니메이션 효과가 들어간 tab 메뉴를 만들었다.
CSS3 tips
- backface-visibility: hidden; = 3D transform으로 회전시 반짝임이나 뒷면을 숨김.
- pointer-events: none; = HTML 요소에 정의된 클릭, 상태(hover,active등), 커서 옵션들이 비활성화한다.
- visibility: visible; = 숨기지만, 자신의 영역은 계속 차지한다.
- transform-style: preserve-3d; = 하위요소에 3D속성을 그대로 전달한다.
UI개발자 in Hivelab