Красивая кнопка:
Полностью кастомная страница
Эта страница не использует тему Drupal.
Вы можете создать любой уникальный дизайн.
=========
Переменные:
:root {
/* Объявляем переменные */
--gl: #3690c0;
}
Использование:
.site-footer {
background-color: var(--gl);
color: white;
padding: 20px 40px;
font-family: sans-serif;
}
=============
3. Хитрость с aspect-ratio (если нужна вся картинка)
Если вам важно, чтобы картинка никогда не обрезалась и сохраняла пропорции (например, 16:9), замените фиксированную высоту height: 400px на:
css
.hero-section {
aspect-ratio: 16 / 9; /* Блок всегда будет пропорционален, как экран ТВ */
width: 100%;
=================
@keyframes slide {
0% {
transform: translatex(var(--max, -170%))
}
100% {
transform: translatex(100%)
}
}
let newMax = '-100%';
document.querySelector(".news").style.setProperty('--max', newMax);
===========
=========
Валидация поля - тоже здесь
См. в нижний правый угол - Там Телеграмм
А при 600px всё станет - жёлтое.
