Transform 썸네일형 리스트형 CSS3 - Transform, Transition (NULI 로고 분석) http://html.nhndesign.com 기본이미지에서 마우스를 올렸을때(오른쪽이미지) 로고 돌아감. 처음에는 신기하고 어떻게했을까, html소스보고, 그랬어도 잘몰랐었습니다. 그런데 시간이 지나고, 다시 소스를 보았더니, CSS3를 썼다는걸 알 수 있었습니다. 위사이트를 크롬이나 파폭,오페라로 들어가서, 로고에 마우스를 올리면 로고가 이쁘게 돌아가는 것을 확인 할 수 있다. 그래서 transform과 transition을 간략하게 살펴 보았습니다. Transform 1.회전 rotate(각도) ex) transform:rotate(15deg); 2. 확대 및 축소 scale(sx,sy) : 가로로 sx만큼 세로로sy만큼 확대. sy값이 지정안됐을시, sx값과 같다고 가정함 scaleX(sx) : .. 더보기 이전 1 2 다음
