SKEW 썸네일형 리스트형 HTMLCSS - transform 1 HTML에서 지정해주는 값만큼 이동하는 translate와 기울기를 주는 skew에 대해서 알아보겠습니다. 1) translate 이 기능은 블록을 좌우상하(x축, y축)로 이동시킬 때 사용합니다. 사용 방법은 다음과 같습니다. transform:translateX(이동거리) : 좌우 방향(x축 방향)으로 이동거리만큼 블록이 이동 transform:translateY(이동거리) : 상하 방향(y축 방향)으로 이동거리만큼 블록이 이동 transform:translate(x축 이동거리, y축 이동거리) : 좌우상하 방향(x축 방향, y축방향)으로 이동거리만큼 블록이 이동 예제) [그림 1] HTML에서는 화면에 블록 3개를 출력하는 내용을 작성했습니다. 그리고, [그림 2] CSS 파일에서 블록의 디자인을 .. 더보기 이전 1 다음