캐러셀 질문이요!!!

Question

마우스 오버 시 이미지들이 위로 조금씩 이동하는 방법 좀 알려주세요 ㅠㅠ must-slide 안에 있는 이미지들이요! TVING

실시간
TV프로그램

영화

티빙몰

화려한 연예계 속 감춰진 이야기

나만 몰랐어 #오드리 #김광석 #에이미

상견니 허광한 국내 최초 스크린 개봉작!

"이것은 우리 주변의 이야기입니다"현실밀착형 리얼 범죄 수다!

TVING SOON 공개 예정작

#얼라이브#너목보9#괴짜들의 로맨스#서른,아홉

권순우 선수

2022 호주 오픈 테니스 대회 지금 확인하세요!

티빙에서 꼭 봐야하는 컨텐츠

여고 추리반2

술꾼도시여자들

짱구는못말려21

덱스터

사랑의 불시착

내과 박원장

어쩌다 사장

효리네 민박2

해피니스[무삭제판]

해치지않아

도깨비

기생수

나는 솔로

백수세끼

싱어게인

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap'); *{ font-family: 'Noto Sans KR', sans-serif; margin:0; padding:0; box-sizing: border-box; list-style: none; text-decoration:none; scroll-padding-top:2rem; scroll-behavior:smooth; } :root{ --main-color:red; --text-color:black; --bg-color:white; } body{ background:black; color:white; } section{ padding:4.5rem 0 1.5rem; } header{ position:fixed; width:100%; top:0; right:0; z-index:1000; align-items: center; justify-content:space-between; padding:20px 100px; /* background:var(--main-color);*/ } .logo{ color:var(--bg-color); font-size:1.5rem; font-weight:600; align-items:center; column-gap:0.5rem; margin-left:-4rem; } .logo.bx{ font-size:24px; color:white; } .navbar{ display:flex; column-gap:0.8rem; margin-left:1.8rem; margin-top:-2.1rem; cursor:pointer; } .navbar li{ position:relative; } .navbar a{ font-size:1rem; font-weight:500; color:lightgrey; } .navbar a:hover{ width:100%; color:white; } .nav-avatar{ max-width:100%; float:right; margin-top:-1.8rem; margin-right:-2rem; height:auto; } .container{ width:100%; min-height:26rem; position:relative; display:flex; align-items:center; background:rgb(2,3,7,0.4); } .container img{ position: absolute; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-1; } .swiper-pagination-bullet{ position:relative; right: 25rem; bottom:4.5rem; width: 6px !important; height: 6px !important; border-radius: 0.2rem !important; background: white !important; opacity: 1 !important; } .swiper-pagination-bullet-active{ width:0.4rem !important; background: black !important; } .home-text{ width:100%; z-index : 1000; padding: 0 150px; } .home-text span{ width:100%; position:relative; top:175px; right:113px; color: var(--bg-color); font-weight: 500; text-transform:none; } .home-text h1{ width:100%; width:22rem; color: var(--bg-color); font-size:0.8rem; font-weight:30; margin-top:19vh; margin-left:-7rem; } .btn{ width:100%; position:relative; width:50px; background:rgba(255, 255, 255, 0.28); color:lightgrey; font-size:0.8rem; border-radius:3px; border: 2px solid lightgrey; border-style:ridge; left:40rem; padding:10px 27px; filter:blur(0.4px); } .btn:hover{ border-color:white; } .movie-item{ display: flex; position: relative; overflow: hidden; padding-top:16rem; } .movie-item img{ position: absolute; top:0; width:100%; margin-left:1rem; } .must-header{ width:100%; margin-left:1rem; margin-bottom:1rem; font-size:1.2rem; font-weight:500; } .movie-item-title{ width:100%; margin-left:1rem; margin-top:1rem; position:relative; }var swiper = new Swiper(".home",{ effect:'fade', spaceBetween: 30, centeredSlides: true, autoplay: { delay : 5000, disableOnInteraction: false, }, pagination:{ el:".swiper-pagination", clickable: true, }, }); $('#must-slide').owlCarousel({ items: 5, dots: false, loop: false, autoplay: false, autoplayHoverPause: true, })

캐러셀 질문이요!!!

0개의 답변

Q&A 목록