translate: matrix()

1237 단어 CSSCSS

원근감을 일괄 적용시킨다.

  • 구성
matrix(scaleX, skewX, skewY, scaleY, translateX, translateY);

한번에 적용시키기 위해, 모른다면 하나하나 작성하여 적용시켜야한다.

예)

transform: translateX(50%);
transform: translateY(30%);
.
.
.

참고링크

나는 scroll 작동시 특정 요소의 크기를 조절하고자 사용하였다.

좋은 웹페이지 즐겨찾기