# CSS3

3개의 포스트

block, inline, inline-block

block 레벨 요소 특성 부모에 대해 width 100% 화면 크기 전체의 가로폭을 다 차지 때문에 항상 새로운 라인에서 시작한다. width, height, margin, padding 프로퍼티 지정 가능 block 레벨 요소 내에 inline 레벨 요소를 포함할 수 있다. 종류 div, h1~6, p, ol, ul, li, hr, table,...

2019년 11월 28일
·
0개의 댓글
post-thumbnail

CSS Transform3D + Transition 활용 샘플

페이스북 UX/GUI 그룹에 마침 Transform3D 와 Transition을 활용해서 만들 수 있는 인터렉션 디자인 컨셉 질문이 들어와 답변과 함께 구현하였습니다. 원본 이미지는 dribbble.com 에 SANG NGUYEON 이라는 분의 컨셉 인터렉션 디자인 아트입니다. 원본 컨셉 아트는 동영상인 관계로 URL을 링크 합니다. https://d...

2019년 7월 22일
·
4개의 댓글

CSS Transition 활용 TIP (부드러운 움직임)

1) Transition 속성값의 변화 중간과정을 CSS가 만들어 부드러운 움직임을 나타내는 기능(IE 10+) 속성값이 변화하는 경우에만 동작하므로 html 샘플 확인 : https://natsgun.tistory.com/15 [개발자C군의 개발노트] 속성명을 입력하지 않거나 all 인 경우 모든 속성 변화하고 싶은 속성만 골라서 사용 ex) wid...

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