개발일지 210824

이동섭·2021년 8월 24일
0

대구AI스쿨 개발일지

목록 보기
40/48

41일차

강의노트

개요

  1. 트위치 컨텐츠 영역 카피캣(2)
  2. 트위치 하단 영역

메모

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

이슈-솔루션/미해결(질문)

x

학습 소감

x

profile
responsibility

0개의 댓글

관련 채용 정보