23강 : CSS 변형
23-1. 변형 기본 HTML 태그 요소의 속성 (형태, 색상 등)이 변경될 때, CSS 변형 속성을 적용하여 변화하는 단계에 움직임 (애니메이션)을 적용할 수 있다. 속성을 적용하고 싶은 태그에 기본적인 옵션을 먼저 설정해준다. transition-duration : 변형되는데에 걸리는 시간 transition-delay : 설정한 시간만큼 기다렸다가 동작한다. transition-timing-function : 변형 효과의 시간당 속도를 조절해준다. (ease-out은 천천히 끝나게) 그 다음 어떤 이벤트를 발생시켰을 때 변형을 줄지 설정해준다. hover : 마우스를 해당 태그에 올렸을 때 active : 해당 태그를 클릭했을 때 23-2. 변형 속성 transition-property는 각각의 속..
Web/HTML & CSS
2020. 3. 1. 16:54
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 위상정렬
- springboot
- 1급객체
- 최소공통조상
- 파이썬
- BFS
- BOJ
- javascript
- 투포인터
- 최소스패닝트리
- 알고리즘
- 백준
- 인프런
- Java
- MST
- 웹팩
- 자바스크립트
- controller
- frontend
- html
- 고차함수
- 플로이드워셜
- CSS
- SCSS
- python
- 에라토스테네스의체
- 다익스트라
- js
- heapq
- webpack
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함