요청 처리 중입니다...

[css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)

2024-07-09 22:36:42

transform 뜻 변형 css 요소의 크기나 형태, 모양 등 스타일 변형 transform 종류 transform : ____________ translate 이동 x축 + : 오른쪽 y축 + : 아래쪽 ex) transform: translate(10px, 20px); translate(x , y) translateX(x) translateY(y) rotate 회전 왼쪽으로 회전 < 0 < 오른쪽으로 회전 ex) transform: rotate(90deg); rotate(각도deg) rotateX(각도deg) rotateY(각도deg) scale 축소, 확대 축소 < 1 < 확대 ex) transform: scale(1.5); scale(숫자) => 동일 비율 scale(숫자, 숫자) => x, y 각각 설정 scaleX(숫자) scaleY(숫자) skew 기울기 반시계방향 < 0 < 시계방향 ex) transform: skew(30deg, 30deg); skew(xdeg, y...

# csstransform # transform이동 # transform여러개 # transform기준점 # transform같이쓰기 # transform # css회전 # css확대시키기 # css원근감표현 # csstransform효과 # translate이동

원문 링크 : [css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)

등록된 다른 글

[공유] GITHUB로 홈페이지 한 번에 등록하기

[css 1.] css를 html에 적용시키는 방법 (시간 단축해서 css파일 만드는방법)

[css 6.] 박스모델 - content, padding, border, margin

[css 7.] float 으로 요소 배치하기 - clear 이유

[jQuery 3.] jquery 이벤트 등록, 작성법

[라이브러리] skrollr 이용한 스크롤 이벤트 효과