Цвет текста и цвет фона на языке CSS
🔤💫 Текст, который «вау»: 28 CSS-хаков для создания залипательных эффектов
Ваш текст может быть намного круче, чем просто слова на экране! Я собрал 28 CSS-анимаций, которые превратят обычные буквы в главную фишку вашего сайта. Привет, друзья! Я – Кирилл Мыльников, frontend-разработчик в ГК Юзтех. В этом материале мы разберем 28 примеров, изучим технологии и принципы CSS. При наведении курсора на текстовый элемент запускается впечатляющая динамическая трансформация. Слова мягко увеличатся, а вокруг них разбегутся два сияющих кольца. Они будут расширяться, создавая эффект взрыва, постепенно растворяясь в пространстве...
Делаем анимацию фона (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...