/
nick.sh
/
javascript-apps
Обзор
Документация
Войти
/
nick.sh
/
javascript-apps
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
image-gallery/style.css
55 строк
754 B
Shaposhnikov-Nick
image gallery
12 июл 2024, 13:30
12 июл 2024, 13:30
e0391c9
Код
Авторство
О чём код?
* { margin: 0; padding: 0; font-family: "Poppins", sans-serif; box-sizing: border-box; } body { background: #191919; } .gallery-wrap { display: flex; align-items: center; justify-content: center; margin: 10%; } .gallery { width: 900px; display: flex; overflow-x: scroll; } .gallery::-webkit-scrollbar { display: none; } .gallery div { width: 100%; display: grid; grid-template-columns: auto auto auto; grid-gap: 20px; padding: 10px; flex: none; } .gallery div img { width: 100%; filter: grayscale(100%); transition: transform 0.5s; } .gallery div img:hover { filter: grayscale(0); cursor: pointer; transform: scale(1.1); } #backBtn, #nextBtn { width: 50px; cursor: pointer; margin: 40px; }