TIL 23.03.17
오늘은 CSS 애니메이션에 대해서 배웠다. @keyframes 라는 키워드를 활용하여 애니메이션 효과를 나타내는데, 우선 css 키프레임 블록을 생성한 뒤, 애니메이션을 적용시키고 싶은 요소에 animation 속성으로 키프레임 이름을 불러와서 사용을 한다. 회전하는 키프레임 예시 @keyframes lotate { 0% { transform : rotate(0deg) } 50% { transform : rotate(180deg) } 100% { transform : rotate(360deg) } } /* 시작 시점에선 0도, 50% 시점에선 180도, 완료 시점에선 360도 회전시키는 애니메이션입니다. */ /*3초 동안 lotate 애니메이션이 재생*/ #logo { animation : lotate..
코드스테이츠
2023. 3. 17. 21:22
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Redux
- 프리프로젝트
- 백준
- useContext
- dictionary
- SEB 43
- 스택오버플로우
- SEB43기
- til
- 개인 프로젝트
- seb
- 프로젝트
- 다이나믹 프로그래밍
- 감정 일기장
- 브루드포스
- 감정일기장
- 프로그래머스
- 인적성
- 기술면접
- dfs
- 코테
- BFS
- SEB43
- SEB 43기
- 그리디 알고리즘
- Python
- React quill
- 회고
- 프론트엔드
- 코드스테이츠
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함