# transform

4개의 포스트
post-thumbnail

CSS transform

css 속성 정리

2020년 4월 22일
·
0개의 댓글
post-thumbnail

PROJ-FOODLY-DAY4 : 인풋 아웃라인, SCSS공유, transform & transition

프로젝트 4일차 인풋 아웃라인 제거 인풋창을 만들고 내용을 입력하려 커서로 클릭을 하면 파란 줄이 인풋창을 감싸게 된다. 이것을 outline 설정으로 제어할 수 있다. 해당선택자를 통해 인풋창에 아웃라인 속성을 none으로 설정했다. 매번 하는 설정인데 왜 매번

2020년 2월 27일
·
0개의 댓글

css - transform

transform으로 할 수 있는 것들 translate, translate3d 위치를 이동시킴. css3에서는 3d도 지원 translate도 종류가 다양합니다. translate(x,y) image.png 출처 : translate() - MDN translateX(200px), y, z도 있습니다. 물론 음수로 보낼때는 왼쪽으로 이동합니다. (...

2019년 11월 20일
·
0개의 댓글

CSS Transform 2D / 3D

실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 ...

2019년 6월 1일
·
1개의 댓글