Додайте колір накладання в макет галереї горизонтального слайдера

Для горизонтального повзунка та повзунка з макетом прокручування немає вбудованої настройки кольору накладання, однак ви можете керувати цим за допомогою перевизначення 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.