html/css/js 강좌
-
CSS Transform 2D / 3D개발자를 위한 html css js TIP 2019. 6. 2. 16:00
실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 사용하며, CSS 애니메이션 효과인 transition 과 animation 을 사용할때 성능과 자연스러움을 기대 할 수 있습니다. 1) Transform 2D 위치이동 - translate(가로, 세로) 회전 - rotate(각도deg), rotate(가로축deg,세로축deg) 크기 - scale(배수) * 요소에 마우스를 올려 변화를 확인하세요.(모바..