17wolfgwang
로그인
17wolfgwang
로그인
[HTML/CSS] CSS 변환, transform
17wolfgwang
·
2023년 9월 23일
팔로우
0
htmlcss
0
transform : 원근법 / 이동 / 크기 / 회전 / 기울임
2D 변환함수
translate(x,y) : 이동 x축,y축
translateX(x) : 이동 x축
translateY(y) : 이동 y축
scale(x,y) : 크기 x축,y축
rotate(degree) : 회전(각도)
skewX(x) : 기울임(x축)
skewY(y) : 기울임(y축)
3D 변환함수
perspective(n) : 원근법(거리), 요소의 관찰 대상에게 이 속성을 부여한다. 부모면 부모 자식이면 자식에게. 적용할 때에는 무조건 속성들 중 맨 앞에다가 적어야 함.
rotateX(x) : 회전(x축)
rotateY(y) : 회전(y축)
17wolfgwang
새로운 것을 두려워 하지 않고 꾸준히 뭐든 배워나가는 프론트 엔드 개발자 입니다 🧑💻
팔로우
이전 포스트
[HTML/CSS] CSS 전환, transition
다음 포스트
[JavaScript] 메소드와 함수 차이
0개의 댓글
댓글 작성