/
sigma
/
Cyberblog
Обзор
Документация
Войти
/
sigma
/
Cyberblog
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/styles/Header.module.css
48 строк
995 B
Александр Пимкин
first_commit
08 авг 2026, 07:59
08 авг 2026, 07:59
d7b7ab5
Код
Авторство
О чём код?
.field { @apply placeholder:font-medium placeholder:italic placeholder:text-white flex-1 h-8 border-none outline-none bg-transparent pl-2 text-center text-lg text-white; } .box { @apply flex h-10 bg-transparent w-1/2 rounded-full items-center p-3 border-[3px] border-white border-solid; } .header { @apply h-20 w-full bg-extra text-white flex items-center justify-around drop-shadow-xl; } .li { width: max-content; position: relative; cursor: pointer; } .li::after { @apply bg-tagColor; content: ''; position: absolute; bottom: -5px; height: 2px; width: 100%; left: 0; transition: 0.3s; transition-timing-function: easy-in-out; transform: scaleX(0); } .li:hover::after { transform: scaleX(1); } .modal { } @keyframes smooth-appear { to { @apply top-24 opacity-100 bg-opacity-80; } } .modal { @apply w-1/3 h-36 bg-extra absolute rounded-lg; padding: 20px; top: -100%; opacity: 0; left: 47%; transform: translateX(-50%); animation: smooth-appear 1s ease forwards; }