/
suhareva
/
web-static-labs
Обзор
Документация
Войти
/
suhareva
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab3/task6/styles.css
89 строк
1 KB
koyo
lab3
07 окт 2025, 20:26
07 окт 2025, 20:26
45995e1
Код
Авторство
О чём код?
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #ed0397 0%, #ec08dc 100%); min-height: 100vh; padding: 2rem; } .container { display: flex; flex-direction: column; gap: 1.5rem; max-width: 400px; margin: 0 auto; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 2rem; border-radius: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); } .block { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border-left: 5px solid; } .block:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } .block h3 { color: #2c3e50; margin-bottom: 1rem; font-size: 1.5rem; } .block p { color: #666; line-height: 1.6; margin-bottom: 1rem; } .info { background: #3498db; color: white; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: bold; display: inline-block; } .block1 { order: 2; border-left-color: #e74c3c; } .block2 { order: 3; border-left-color: #f39c12; } .block3 { order: 1; border-left-color: #27ae60; } .block1 .info { background: #e74c3c; } .block2 .info { background: #f39c12; } .block3 .info { background: #27ae60; }