반응형
박스 모델을 원으로 만들기
border-radius: 50%;
rotate
회전시키기
transform: rotateY("num"deg)
그밖의 transformation
rotateY,
rotateZ
scaleX
scaleY(12)
scale(2, 2) = 2배
transflateX(-60px)
skewY
3가지 동시에 쓰기
transformation은 박스 엘리먼트를 변형시키지 않는다.
응용
hover 일때
transition 추가
(root에 넣어야함, 여기에 root는 hover가 아니라, img)
복수로 이펙트 주기
더 많은 transform은 transform mdn 검색
반응형
'Frontend' 카테고리의 다른 글
| CSS) Media Queries (0) | 2020.11.01 |
|---|---|
| CSS) Animation (0) | 2020.11.01 |
| CSS) Transitions (0) | 2020.11.01 |
| CSS) Colors and Variables (0) | 2020.10.30 |
| CSS) pseudo selector -3 ( placeholder, selection, first-letter) (0) | 2020.10.30 |