[Front-end🦁] #5 CSS 캐릭터 그리기

오늘도 CSS!!

1. animation sample code

hover 로 구현된 animation 이 들어간 샘플 코드를 보면서 복습했다.

• 속성 선택자
• 우선순위

2. CSS

#4-2 CSS 에 정리!

3. CSS 캐릭터 그리기 대회

같이 수업 듣는 분들의 CSS 실력 편차를 고려해서 애니메이션 없이 '얼굴'만이 심사 요소였는데... 주의사항 제대로 안읽고 몸이 80%인 캐릭터를 그렸다...

거북목이 된 나 소스코드

지금은 보이는데만 집중해서 만들었지만, 애니메이션이나 트랜지션 ... 을 적용하려면 이 코드로는 안될 것 같다. 구조를 잡는 것도 더 열심히 공부해야겠다.