일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Unity
- dart 언어
- vim
- Data Structure
- Flutter
- github
- git
- C언어 포인터
- Houdini
- c# winform
- 다트 언어
- 플러터
- C# delegate
- HTML
- Python
- Algorithm
- c#
- 포인터
- 구조체
- 도커
- 유니티
- jupyter
- C++
- 깃
- jupyter lab
- c# 윈폼
- c언어
- c# 추상 클래스
- docker
- gitlab
Archives
- Today
- Total
목록css 애니메이션 시간 (1)
nomad-programmer
[Programming/HTML|CSS] 애니메이션 속성
트랜지션 속성은 한 스타일에서 다른 스타일로 바뀔 때 진행 시간을 지정해서 부드럽게 변화하도록 한 것이다. 따라서 트랜지션을 잘 활용해도 부드러운 애니메이션 효과를 만들 수 있다. 하지만 animation 속성을 이용하면 트랜지션보다 애니메이션을 더 쉽게 만들 수 있다. animation 속성과 transition 속성 animation 속성과 transition 속성은 비슷한 점이 많다. 시작 스타일과 끝나는 스타일을 지정하면 CSS에서 중간 스타일을 자동으로 추가하여 전체적으로 부드럽게 변화하는 애니메이션 효과를 만들어낸다. animation 속성은 애니메이션에 소요되는 시간이나 지연 시간 등을 지정하는 것은 transition 속성과 같지만, 애니메이션의 시작에서부터 끝날 때까지 어느 지점이든 @k..
Programming/HTML|CSS
2020. 8. 7. 00:03