수평 슬라이더 갤러리 레이아웃에 오버레이 색상 추가

스크롤 레이아웃이 있는 수평 슬라이더 및 슬라이더의 경우 내장된 오버레이 색상 사용자 지정 기능이 없지만 CSS 재정의를 통해 이를 관리할 수 있습니다.


오버레이 색상을 추가하려면 다음 단계를 따르십시오.

  • 아래에 언급된 전체 CSS 재정의를 복사합니다.
<style>
#frame .slidee li {opacity: 1;}
#frame .slidee li.list-active:after {background: none;}
#frame .slidee li:after {
background: #000000d1;
display:flex;
content: "";
position: absolute;
top: 0;
width: 100%;
z-index: 9;
height: 100%;
transition: all 1s ease-out;}
</style>

  • 해당 코드를 복사한 후 설정 (1).
  • 외부 스크립트 (2), 코드를 부분 (3).
  • 명중하십시오 찜하기 (4) 버튼을 눌러 변경 사항을 스튜디오에 저장합니다.

이제 사이트를 새로고침하여 라이브 사이트의 변경 사항을 검토합니다.

 

원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.