เพิ่มสีซ้อนทับในรูปแบบแกลเลอรี Horizontal Slider

สำหรับแถบเลื่อนแนวนอนและแถบเลื่อนที่มีเค้าโครงแบบเลื่อน ไม่มีการปรับแต่งสีซ้อนทับในตัว อย่างไรก็ตาม คุณสามารถจัดการสิ่งนี้ได้ด้วยความช่วยเหลือของการแทนที่ 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)
  • ตัว Vortex Indicator ได้ถูกนำเสนอลงในนิตยสาร สคริปต์ภายนอก (2) วางรหัสใน ส่วน (3)
  • Hit ลด (4) เพื่อบันทึกการเปลี่ยนแปลงในสตูดิโอ

ตอนนี้ รีเฟรชไซต์เพื่อตรวจสอบการเปลี่ยนแปลงบนไซต์จริง

 

ไม่พบสิ่งที่คุณกำลังมองหา?

ติดต่อกับผู้เชี่ยวชาญของ Pixpa