349 читали · 1 год назад
Делаем анимацию фона (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...
Background
Сегодня поговорим про такое свойство как Background-оно предназначено для изменения фона. Background-color- определяет цвет фона элемента. По умолчанию цвет фона всегда белый.(прозрачный) CSS .block{ background: transparent; } Можно записывать так или вот так .block{ background-color: transparent; } Разницы нет ни какой так так будет правильно. Таже фону можно задать любой цвет css .block{ background-color: # 00FFFF } Можно задавать цвет (RGB) .block{ background-color: rgb(24,181,164); } Или цвет (RGBA) ...