상단메뉴 게이지 질문 고수님들 도와주세요 ㅠㅠ

리뷰가좋은이유

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-12-31 (일) 00:20:59 1,929

https://xn--6j1b81kvyd.com/ 제 사이트 링크이구요 메인배너에 메뉴3개에서 게이지 코드소스가 뭐가 잘못된걸까요? ㅠㅠ

래퍼런스사이트 : https://reviewplace.co.kr/

Copy

<div class="bn_thumb_wrapp">
        <div class="bn_thumbp">
          <ul class="slick-dots" role="tablist" style="display: block">
            <li class="" role="presentation">
              <div class="thumb">
                <div class="img">
                  <img
                    src="skin/adblog/html/theme/rp/img/main-sum01.jpg"
                    alt=""
                  />
                </div>
                <div class="thumb_line">
                  <svg width="100%" height="100%">
                    <rect
                      x="0"
                      y="0"
                      rx="8"
                      ry="8"
                      width="100%"
                      height="100%"
                    ></rect>
                  </svg>
                </div>
              </div>
              <p>리뷰가 좋은이유 이용가이드</p>
            </li>
            <li role="presentation" class="">
              <div class="thumb">
                <div class="img">
                  <img
                    src="skin/adblog/html/theme/rp/img/main-sum02.jpg"
                    alt=""
                  />
                </div>
                <div class="thumb_line">
                  <svg width="100%" height="100%">
                    <rect
                      x="0"
                      y="0"
                      rx="8"
                      ry="8"
                      width="100%"
                      height="100%"
                    ></rect>
                  </svg>
                </div>
              </div>
              <p>위젯달면, 선물이 팡 팡 !</p>
            </li>
            <li role="presentation" class="">
              <div class="thumb">
                <div class="img">
                  <img
                    src="skin/adblog/html/theme/rp/img/main-sum03.jpg"
                    alt=""
                  />
                </div>
                <div class="thumb_line">
                  <svg width="100%" height="100%">
                    <rect
                      x="0"
                      y="0"
                      rx="8"
                      ry="8"
                      width="100%"
                      height="100%"
                    ></rect>
                  </svg>
                </div>
              </div>
              <p>광고주 정회원 신청하기</p>
            </li>
          </ul>
        </div>
      </div>

php

답변 3개 / 댓글 6개

채택된 답변

+20 포인트

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-12-31 (일) 12:51:32

css 애니메이션 부분을 다음과 같이 수정해 보시는건 어떨까 합니다

Copy

.bn_thumb_wrapp .bn_thumbp li.slick-active .thumb .thumb_line rect {
  animation: thumbLine 6.5s forwards infinite; /* 변경된 부분 */
}

답변에 대한 댓글 4개

리뷰가좋은이유

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2024-01-01 (월) 13:05:03

<div class="bn_thumb_wrapp">
<div class="bn_thumbp">
<ul class="slick-dots" role="tablist" style="display: block">
<li class="" role="presentation">
<div class="thumb">
이 부분을 수정하면 되나요?