/
maxxon
/
web-static-labs
Обзор
Документация
Войти
/
maxxon
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab3/task5/styles.css
42 строки
1 KB
maxxon
lab1 lab2 lab3 lab4
12 ноя 2025, 02:32
12 ноя 2025, 02:32
aa1390d
Код
Авторство
О чём код?
body { font-family: Arial, sans-serif; margin: 20px; background: linear-gradient(135deg, #2c2c2c 0%, #4a4a4a 100%); color: #e0e0e0; } .gallery { display: flex; flex-wrap: wrap; gap: 20px; } .card { min-width: 220px; flex-grow: 1; flex-basis: 0; padding: 30px; color: #e0e0e0; font-weight: 600; text-align: center; border-radius: 15px; box-shadow: 0 8px 20px rgba(0,0,0,0.5); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; background: linear-gradient(135deg, #707070 0%, #909090 100%); border: 1px solid #b0b0b0; } .card:nth-child(1) { background: linear-gradient(135deg, #00897B 0%, #4DB6AC 100%); } .card:nth-child(2) { background: linear-gradient(135deg, #1976D2 0%, #42A5F5 100%); } .card:nth-child(3) { background: linear-gradient(135deg, #512DA8 0%, #7C4DFF 100%); } .card:nth-child(4) { background: linear-gradient(135deg, #0288D1 0%, #29B6F6 100%); } .card:nth-child(5) { background: linear-gradient(135deg, #D32F2F 0%, #EF5350 100%); } .card:nth-child(6) { background: linear-gradient(135deg, #FBC02D 0%, #FFEB3B 100%); color: #2c2c2c; } .card:nth-child(7) { background: linear-gradient(135deg, #7B1FA2 0%, #BA68C8 100%); } .card:nth-child(8) { background: linear-gradient(135deg, #00796B 0%, #26A69A 100%); } .card:hover { transform: translateY(-15px) scale(1.08); box-shadow: 0 15px 30px rgba(0,0,0,0.7); }