41일차
강의노트
- 기성 사이트 카피 실습
개요
- 트위치 컨텐츠 영역 카피캣(2)
- 트위치 하단 영역
메모
- '취향 저격 카테고리' 항목을 제외한 나머지 섹션들은
앞서 작업한 '취향 저격 생방송' 섹션과 똑같은 구조이므로
복사/붙여넣기 후 제목만 수정 - '취향 저격 카테고리' 항목 역시 하위 컨텐츠의 크기 외에는 큰 차이가 없으므로 li요소를 반복함
- 하단 영역은 언제나처럼 footer태그 안에 작성하였다. 컨텐츠의 내용까지 같기 때문에 세부 레이아웃 조절만 하여 마무리 함
- 컨텐츠 영역의 image-wrap에 대해 마우스오버 시 애니메이션 효과 적용
- hover 가상 선택자, transform속성, translate속성값 사용
- 적용을 받는 img태그에 transition을 사용하여 애니메이션 효과 적용
이슈-솔루션/미해결(질문)
x
학습 소감
x
responsibility