Адаптивная страница со слайдером на всю ширину экрана и модальным окном для видео с использованием HTML, CSS и JavaScript
Делаем анимацию фона (background) на css
Добрый день. Рассмотрим как просто сделать анимированный градиентный фон на чистом css. В этой статье сделаем градиентный фон и при помощи CSS стилей анимируем плавную смену градиента фона. Делаем простую страничку в HTML, примерно так: <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Тест</h1> </body> На этой странице подключена только таблица стилей и в теге body указан заголовок h1. Далее в файле styles.css вставляем такой текст: body { background: linear-gradient(90deg, rgba(132,128,194,1) 0%, rgba(177,177,218,0...
Работа с единицами измерения vw, vh, vmin и vmax в CSS
В веб-дизайне важно создавать адаптивные макеты, которые корректно отображаются на различных устройствах и экранах. CSS предоставляет множество инструментов для этого, и одними из наиболее полезных являются единицы измерения vw, vh, vmin и vmax. Эти единицы измерения зависят от размера окна браузера, что делает их идеальными для создания гибких и адаптивных интерфейсов. В этой статье мы рассмотрим, как работают эти единицы измерения, и приведём примеры их использования. В конце статья я также оставил вам блок бесплатных материалов для обучения разработке...