css-transform

hwakyungChoi·2020년 10월 4일
0

transform:속성은 이미 만들어진 태그나 이미지를 늘리거나 회전시킬 때 사용


// y축 x축 이동
div {
transform :translate(-50px,-50px)
}

//좌우 상하 늘리기, 기존 사이즈의 배수
div {
transform :scale(2,2)
}

//회전 deg 단위 사용
div {
transform :rotate(50deg)
}

//왜곡 - 정해진 각도만큼 왜곡(x,y)
div {
transform :translate(20deg,50deg)
}

0개의 댓글