/
lostSun
/
project-client-server-apps
Обзор
Документация
Войти
/
lostSun
/
project-client-server-apps
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/pages/HomePage/HomePage.module.css
91 строка
2 KB
1lostsun
update project
25 май 2025, 13:12
25 май 2025, 13:12
78a0079
Код
Авторство
О чём код?
.container { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #1a1a1a; color: #fff; position: relative; overflow: hidden; } .container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, #2a2a2a 0%, #1a1a1a 70%); opacity: 0.6; z-index: 1; } .title { font-size: 4rem; margin-bottom: 2rem; text-align: center; position: relative; z-index: 2; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .actions { display: flex; gap: 1.5rem; position: relative; z-index: 2; } .link { padding: 1rem 2rem; background-color: #2a2a2a; color: #fff; text-decoration: none; border-radius: 8px; transition: all 0.3s; font-size: 1.125rem; border: 1px solid #3a3a3a; position: relative; overflow: hidden; } .link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.1), transparent); transform: translateX(-100%); transition: transform 0.6s; } .link:hover { background-color: #3a3a3a; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .link:hover::before { transform: translateX(100%); } @media (max-width: 600px) { .title { font-size: 3rem; padding: 0 1rem; } .actions { flex-direction: column; padding: 0 1rem; } .link { width: 100%; text-align: center; } }