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
- TSDoc
- 티스토리꾸미기
- 레이아웃쪼개기
- react
- CSS
- 타입스크립트
- 반복줄이기
- click and drag
- 리액트
- utilty type
- React.js
- 개발콘텐츠
- returnType
- reactjs
- javascript
- 누구나 자료구조와 알고리즘
- NonNullable
- JS console
- 폰트적용하기
- 커스텀
- vue.js
- const 단언문
- Chart.js
- 공통컴포넌트
- 2022
- 타입선언
- 제네릭
- 성능최적화
- typescript
- 타입좁히기
Archives
- Today
- Total
몽땅뚝딱 개발자
[CSS] Transition 본문
◽ Transition
- transition-property: all;
- transition-duration: 1s;
- transition-timing-function: ease;
- transition-delay: 0s;
transition: 1s 2s; // 1초동안 발생, 2초간 딜레이
transition-timing-function의 종류
- linear: 가속도 없이 일정한 속도로 진행된다.
- cubic-bezier(0.34, 0.67, 0.59, 1.62);
출처
'Development > HTML · CSS' 카테고리의 다른 글
[CSS] 3D (0) | 2023.03.28 |
---|---|
[CSS] animation과 keyframe (0) | 2023.03.27 |
[CSS] Transform (0) | 2023.03.27 |
[HTML/CSS] 이런 방법도 있었네! + 미세팁 (0) | 2023.03.25 |
[HTML] fieldset (0) | 2023.02.12 |
Comments