CSS3 2D Transforms

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1551 1551

CSS3 2D Transforms

이 장에서는 다음과 같은 2D 변형 방법을 학습합니다.

translate()

rotate()

scale()

skewX()

skewY()

matrix()

팁 : 다음 장에서 3D 변형에 대해 배우게됩니다.

translate () 메서드

이 translate()메서드는 요소를 현재 위치에서 X 축 및 Y 축에 지정된 매개 변수에 따라 이동합니다.

다음 예제에서는 <div> 요소를 오른쪽으로 50 픽셀 이동하고 현재 위치에서 100 픽셀 아래로 이동합니다.

Example

div {

-ms-transform: translate(50px, 100px); /* IE 9 */

-webkit-transform: translate(50px, 100px); /* Safari */

transform: translate(50px, 100px);

}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
857	HTML	The placeholder Attribute(자리 표시 자 특성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1390
856	HTML	The pattern Attribute(패턴 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1847
855	HTML	The multiple Attribute(다중 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2083
854	HTML	속성 값(The value Attribute)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1498
853	HTML	입력 유형 URL(Input Type Url)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2195
852	HTML	입력 유형 전화(Input Type Tel) 전화번호 형식만들기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3274
851	HTML	입력 유형 날짜 / 시간 - 로컬(Input Type Datetime-local)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3245
850	HTML	입력 유형 URL(Input Type Url)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2087
849	HTML	Input Type Tel	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1667
848	HTML	input date input color	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1824
847	HTML	입력 제한(Input Restrictions) 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1715
846	HTML	HTML5 input 유형	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1911
845	HTML	Input Type Radio Input Type Checkbox Input Type Button	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2037
844	HTML	Input Type Submit , Input Type Reset	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1979
843	HTML	Input Type Text , Input Type Password	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2200
842	HTML	HTML5 form 요소 datalist keygen output	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2044
841	HTML	html textarea button 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1966
840	HTML	html input select 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2327
839	HTML	HTML NAME 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1908
838	HTML	HTML METHOD POST GET	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2177
837	HTML	html form action	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2014
836	HTML	<fieldset>을 사용하여 양식 데이터 그룹화	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2036
835	HTML	html form submit	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2198
834	HTML	html form input 객체	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1541
833	HTML	HTML 레이아웃 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1897
832	HTML	HTML <script> 요소 HTML <base> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1380
831	HTML	뷰포트 설정하기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2437
830	HTML	[HTML <head> 요소] 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1652
829	HTML	HTML The class Attribute	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1260
828	HTML	[HTML 블록 및 인라인 요소]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2477