Уроки Html, Css / Как сделать фон
586 смотрели · 5 лет назад
Делаем анимацию фона (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...
Создание сайтов с нуля - урок 21 - Работа с фоном, 1 часть
Cвойство background-color Цвет фона можно задать с помощью CSS-свойства background-color. Напомню, что цвета в CSS можно задавать в разных форматах: в шестнадцатеричном (или HEX), в RGB или RGBA, а также с помощью цветовых констант, таких как red или green. Пример: selector { background-color: #ff0000; } Свойство background-image Фоновое изображение можно задать с помощью CSS-свойства background-image. Пример: selector { background-image: url("../images/bg.png"); } Адрес картинки обязательно заключается внутрь url("..."). Элементу можно одновременно задавать и цвет фона, и фоновую картинку...