From e49c74048cdb79d901644cb8e09f08f4e00ef47d Mon Sep 17 00:00:00 2001 From: masterpmi Date: Thu, 23 Jul 2026 20:44:17 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D1=82?= =?UTF-8?q?=D1=8C=20static/css/custom.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/custom.css | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) 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 {