CSS 의 transform 함수 이해하기 transform-origin / translate / skew/ rotate
CSS 의 transform 은 객체의 모양을 변형/이동/회전 등을 할 수 있는 속성으로서,javascript 를 이용하지 않고도 CSS 만으로 개체의 변형/이동/회전을 구현할 수 있다. 다만, 표준이 아니기 때문에 호환성을 위해서는 밴더프리픽스 (webkit, moz, ms ) 를 붙여주어각각 정의를 해주어야 다른 브라우저에서도 동작하게 된다. 프리픽스별 벤더구분은 아래와 같다. -webkit-transform // 크롬, 사파리-moz-transform // 파이어폭스-ms-transform // 익스플로러-o-transform // 오페라 위치이동의 경우 아래와 같이 정의하면 된다. -webkit-transform : translate(50px,50px); -moz-transform : transl..
IT공부방/HTML5, CSS
2016. 7. 21. 13:09
