Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- sass
- 밑줄
- 간격조절
- toggleClass
- transition
- mime-type
- Whitespace
- jquery
- 퍼블리싱
- gulp
- 제이쿼리
- css폰트
- 언더스코어
- css5
- word-spacing
- transform
- 마음사전
- 폰트설정
- sass설치
- 프론트엔드
- 여백
- css3font
- FE
- 어휘력
- scss
- CSS
- 2D
- issue
- CSS3
- 2dtransform
Archives
- Today
- Total
목록퍼블리싱 (1)
포부리
[CSS3] 엘리먼트 트랜지션/transition
즉시 바뀌는게 아니라 시간이 흐름에 따라 서서히 바뀌는 것을 트랜지션이라고 생각하면 된다. 마치 영화의 프레임을 이어놓은 것 같은. # 어떤 것을 트랜지션할 수 있을까? CSS 속성 트랜지션 대상값 background-color 색상 background-image 그라디언트 background-position 퍼센트 값, 길이 border-(상하좌우-)color 색상 border-(상하좌우-)width 길이 border-spacing 길이 top, bottom, left, right 길이, 퍼센트 값 color 색상 crop 사각 영역 font-size 숫자 font-weight 숫자 grid-* 다양함 height 길이, 퍼센트 값 letter-scpaing 길이 line-height 숫자, 길이, 퍼..
dev/HTML5 CSS
2020. 4. 19. 01:58