[CSS3] 2차원 변환 함수 -transform 속성-
CSS3 버전부터 transform 속성이 사용 가능해 졌습니다. 그리하여 2차원 변환이 가능한데요 2차원 변환은 무엇이고 transform 속성은 무엇인지 바로 예제를 통해서 확인하도록 하겠습니다. 일던 이렇게 HTML페이지를 구성 해줍니다. 그다음 style 태그 내부에다가 이렇게 코딩을 해줘요 그러면 실행 결과가 위처럼 나옵니다. 여기까지는 별다르게 어려운것 느끼지 못하실거에요 이제! transform속성이 등장할거에요!!(긴장중..) 결과물에서 네모 박스가 잘려나와서 margin:20px 를 추가해주세요 그리고!!! 벤더 프릭스를 사용해 줍니다. 여기서 -ms, -moz, -o, -webkit 이 내용이 무슨 의미인지 모르시는 분들은 벤더프릭스 정리 [링크 Click] 위에 링크를 클릭해 주셔서 ..
허접한 프로그래밍/HTML5+CSS3 2014. 2. 3. 16:42