/
rxeev
/
react_dodopizza
Обзор
Документация
Войти
/
rxeev
/
react_dodopizza
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/Components/Slider/slider.module.scss
69 строк
1 KB
Rxeeb
пререписал на typescript
24 апр 2025, 16:18
24 апр 2025, 16:18
3f8441d
Код
Авторство
О чём код?
.slider { margin-top: 50px; width: 1260px; height: 263px; position: relative; &__track { width: 100%; height: 100%; display: flex; overflow: hidden; scroll-behavior: smooth; } &__item { min-width: 203px; height: 100%; border-radius: 30px; border: 3px solid #ff6900; transition: 0.1s; padding: 3px; cursor: pointer; &:not(:last-child) { margin-right: 8.5px; } &_img { border-radius: 30px; width: 100%; height: 100%; } } &__btn_prev { width: 40px; height: 40px; position: absolute; left: -45px; top: 45%; border: 1px solid #ff6900; color: #ff6900; border-radius: 10px; cursor: pointer; } &__btn_next { width: 40px; height: 40px; position: absolute; right: -45px; top: 45%; border: 1px solid #ff6900; border-radius: 10px; color: #ff6900; cursor: pointer; } } .slider__btn_prev, .slider__btn_next { opacity: 0; transition: opacity 0.3s ease; } .slider__btn_prev.visible, .slider__btn_next.visible { opacity: 1; }