- Теория
- Теория
Слайдер на CSS, шаг 4
Теперь у нас есть действующие кнопки переключения слайдов. Осталось подобным образом реализовать плавный сдвиг контейнера с картинками, чтобы в зависимости от выделенной радиокнопки показывать соответствующую по счёту картинку.
Для этого применим такой селектор:
#btn-1:checked ~ .slider-inner .slider-slides {
...
}
И в зависимости от того, какая кнопка выделена, будем сдвигать контейнер с картинками на нужное расстояние.
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 27 мая цена 22 900 ₽
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%