transform
![[2021/12/30]국비지원 CSS3 10-(1) 29일 과제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FnSmJ2%2FbtrseRhre3C%2FAAAAAAAAAAAAAAAAAAAAAJzMXfOI0bqlBbX7puUc-6w9_lfUkKSxE8k9NZTOTBqo%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3DeqeJ3MMWGp5PiJpcKU1E49SUe50%253D)
[2021/12/30]국비지원 CSS3 10-(1) 29일 과제
폴라로이드 겹치기 주제 : transform, webfont 활용 : position, z-index 작업내용 여름이 깊어가고 있었다 여름이 깊어가고 있었다 여름이 깊어가고 있었다 결과물
![[2021/12/29]국비지원 CSS3 9-(7) transform, transform-origin](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FKF1Oa%2FbtrsaR98Auy%2FAAAAAAAAAAAAAAAAAAAAAOoN9lQrWdnbTXiOgPDhn26-JGOoOS4g0RPvfCy23dB5%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3DviXtnF0lVykfnCash2PIZFVfZu8%253D)
[2021/12/29]국비지원 CSS3 9-(7) transform, transform-origin
transform : 변형 rotate : 회전각 필요한 것 transform-origin : 회전 기준점 scale : 사이즈 scale scale-x scale-y skew : 기울기각 skew skew-x skew-y translate : 이동 translate translate-x translate-y translate, skew 특 : 1개 값만 있으면 x축 우선권 transform-origin 미반영 transform-origin 반영 ( scale, skew,translate 경로 변경으로 이미지 숨김 ) 결과물 결과물2