@Shadowman69
Верстать или не верстать - вот в чем вопрос?

Верстка слайдера, как такое сверстать?

Доброго времени суток!
Есть следующий скрин:
5b3534c6d683c328200650.png
У меня 2 вопроса по этому:
1. Как по-умному сверстать эту плашку под стрелкой-переключателем? Сама стрелка будет иметь position: absolute, а как тогда плашку центрировать? И как ее сделать?
2. В слайдере 2 крайних элемента имеют прозрачность, как такое сделать, чтоб при переключении слайдера всегда эти 2 крайние элемента имели прозрачность?
Планирую делать слайдер через Slick Slider.

Буду благодарен за любую помощь по делу.
  • Вопрос задан
  • 1046 просмотров
Решения вопроса 3
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
Центрирование:
position: absolute;
  top: 50%;
  transform: translateY(-50%);

Сделать: border-radius: 50% и полупрозрачный серый фон, уголок - svg'шка
Ответ написан
B_Roma
@B_Roma
Я думаю легче это будет, если не сами слайды будут прозрачными, а сверху этих слайдов будут блоки полупрозрачные
Ответ написан
ProjectSoft
@ProjectSoft
Front-end && Back-end разработчик
Сразу со второго вопроса.
Как вариант. Но для каждого брекпоинта (@media) писать нужные (иные) условия, если требуется для адаптации
jsfiddle.net/mo5Ljkf2

По первому вопросу проблем вообще не вижу. Стандартная вёрстка.
А дизайнеру за центрирование по жопе надавать )))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы