210824 개발일지

1) 학습한 내용

트위치 콘텐츠 영역(2) footer포함

github

---

	트위치 img에서 hover로 움직임주기

  .video-section .video-wrap .image-wrap {
      position: relative;
      width: 333px;
      height: 186px;
      background-color: #9147ff;
  }

  .video-section .video-wrap .image-wrap img {
      width: 100%;
      height: 100%;

      transition: transform 0.15s linear; ->이동 속도
  } 

  .video-section .video-wrap .image-wrap:hover img {
      transform: translate(10px, -10px); } ->x,y축 이동주기

2) 학습내용 중 어려웠던 점
반복학습이라 크게 어렵지 않았다.

3) 해결방법
강의를 따라가며 해결한다.

4) 학습소감
이번 사이트에선 레이아웃이 복잡한 부분들이 있었다.