0122 TIL ALL-CON devLog

오늘한 일

• 점보트론
  • 랜딩에서는 자동이동하게 만들기 ✅
  • 포스터 클릭하면 해당 포스터로 가도록 하기 ✅
  • d-day 넣기 등 hover 효과 ✅
  • 캐러샐 버튼 대신 스크롤바로 대체 ✅
  • 콘서트페이지에서 메인 넘어올 때 타겟인덱스 잘 맞게 조정하기 ✅
  • hover시 촤라락 애니메이션 넣기 ✅
    - 스크롤바....한번에 3개..? 여러 인덱스 넘어가면 target이 안보여요..ㅜ

새로 알게된 점

• img에 직접적으로 inner shadow를 줄 수 없다. box-shadow: inset 500px 500px 500px 500px black;

버리기 아까운 코드

캐러샐 버튼을 만들었는데, map을 사용하다보니 콘서트 갯수가 많아지면 너무 점이많아져서 스크롤로 대체하기로 했다.

    .slick-dots {
      @include mobile-only() {
        display: none;
      }
      li {
        @include mobile-only() {
          display: none;
        }
        button::before {
          color: #a0a0a0;
          @include mobile-only() {
            display: none;
          }
        }
      }
      .slick-active {
        button::before {
          opacity: 75%;
          color: $yellow;
          @include mobile-only() {
            display: none;
          }
        }
      }
    }

참고