diff --git a/static/css/custom.css b/static/css/custom.css index 6bb2f75..1a7c219 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,10 +1,5 @@ -/* body { - background-image: url('/static/images/bg-phys.svg'); - background-repeat: repeat; - background-size: 800px 600px; - background-attachment: fixed; -}*/ +/* background*/ body { margin: 0; padding: 0; @@ -12,7 +7,6 @@ body { position: relative; min-height: 100vh; } - body::before { content: ''; position: fixed; @@ -25,9 +19,32 @@ body::before { background-size: 50px 50px; transform: rotate(20deg); } +/* ------------------------------------------------------------------ */ +/* Плавное появление элементов */ +header, main, footer { + animation: fadeIn 0.6s ease-out; +} +@keyframes fadeIn { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } +} +/* Плавные переходы для ссылок и кнопок */ +a, .pdf-link, nav a { + transition: all 0.3s ease; +} +/* Эффект при наведении на карточки сотрудников */ +.person { + transition: transform 0.2s, box-shadow 0.2s; +} + +.person:hover { + transform: translateY(-3px); + box-shadow: 0 4px 12px rgba(0, 51, 102, 0.15); +} +/* ------------------------------------------------------------------ */ /* Ограничение максимального размера всех изображений */ main img {