353 читали · 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...
Урок 7.10 – Оптимизация изображений, атрибуты alt и title
Для удобства и наглядности восприятия рекомендуется использовать на страницах сайта различные изображения. В HTML-код изображение вставляется так: <img src = «ссылка на файл с картинкой» alt = «пояснение что на картинке» /> Галерея изображений в HTML-коде может выглядеть так: <ul> <li><a href = «ссылка на большое изображение» title = «текст при наведении на ссылку» > <img src = «ссылка на превью картинки»  alt = «текст отображаемый если превью не удалось загрузить» /> </a></li> <li><a href = «ссылка...