Image Image Image Image Image Image Image Image Image Image

Блог Indigo | 19.03.2024

Наверх

Наверх

Работа с графикой

В данной главе вы узнаете, как устанавливать фоновые изображения для элементов и как ими управлять, как создавать красивые градиентные переходы с помощью CSS и как делать фотогалереи. В конце главы вас ждет практический урок, направленный на закрепление знаний.

 

Содержание главы

  1. CSS для тега img
  2. Background-image: установка фонового изображения
  3. Относительный и абсолютный путь к файлу
  4. Background-repeat: повторение фоновой картинки
  5. Background-position: позиционирование фона
  6. Background-attachment: фиксация фона
  7. Свойства CSS3 background-origin и background-clip
  8. Background-size: масштабирование фонового рисунка
  9. Свойство background: все настройки фона в одном месте
  10. Несколько фоновых рисунков для одного элемента
  11. Linear-gradient(): линейный градиент в фоне
  12. Repeating-linear-gradient(): градиент с повторением
  13. Radial-gradient(): радиальный градиент
  14. Repeating-radial-gradient(): повторяющийся радиальный градиент
  15. Практика: создаем фотогалерею на CSS
  16. Практика: работаем с фоновыми рисунками
Вернуться к полному содержанию