Контейнер для мобильной версиии, блок 1

Контейнер для мобильной версиии, блок 2

Контейнер для мобильной версиии, блок 3

Контейнер для мобильной версиии, блок 4

Контейнер для мобильной версиии, блок 5

Контейнер для мобильной версиии, блок 6

Контейнер для мобильной версиии, блок 7

Контейнер для мобильной версиии, блок 8

Контейнер для мобильной версиии, блок 9

Что такое псевдоэлементы, примеры

  • Разберём виды псевдоэлементов и примеры использования
  • ::before и ::after
  • ::first-letter
  • ::first-line
  • ::selection

Результат:
Познакомитесь с пседоэлементами, видами псевдоэлементов. 
Узнаете, как использовать псевдоэлементы ::first-letter, ::first-line.

Добавление текста через псевдоэлемент

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Узнаете, как использовать псевдоэлемент ::before 
  • Получите пошаговую видео-инструкцию
  • Получите готовый код для использования в работе

Результат: 
Научитесь добавлять тексты через псевдоэлемент.

заливка фона через псевдоэлемент

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Узнаете, как использовать псевдоэлемент ::before для добавления фона
  • Получите пошаговую видео-инструкцию
  • Получите готовый код для использования в работе

Результат:
Научитесь добавлять фоновую заливку через псевдоэлемент.

Добавление иконок Font Awesome

  • Познакомитесь с новыми возможностями псевдоэлементов
  • Узнаете, как использовать псевдоэлемент ::before для добавления иконок
  • Получите пошаговую видео-инструкцию
  • Получите готовый код для использования в работе

Результат:
Научитесь добавлять иконки Font Awesome через псевдоэлемент.

Добавление изображений через псевдоэлемент

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Узнаете, как использовать одновременно псевдоэлементы ::before и ::after
  • Узнаете, как добавлять изображения в любое место страницы
  • Узнаете, как добавлять «волны» с помощью псевдоэлементов
  • Получите две пошаговые видео-инструкции
  • Получите готовый код для использования в работе

Результат:
Научитесь добавлять изображения в любое место страницы

ОДНОВРЕМЕННОЕ ОТОБРАЖЕНИ ТЕКСТА И ИЗОБРАЖЕНИЯ

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Узнаете, как использовать одновременно псевдоэлементы ::before и ::after
  • Узнаете, как одновременно отображать текст и изображение
  • Получите две пошаговые видео-инструкции
  • Получите готовый код для использования в работе

Результат:
Научитесь отображать одновременно текст и изображения

Hover-эффекты и псевдоэлементы

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Узнаете, как изменять внешний вид псевдоэлементов при наведении
  • Получите пошаговую видео-инструкцию

Результат:
Научитесь менять отображение пседоэлементов в разных состояниях

добавление декоративных элементов к фону

  • Научитесь добавлять декоративные элементы - изображения
  • Научитесь добавлять декоративные элементы - границы
  • 3 примера с подробной иструкцией и кодами

Результат:
Научитесь делать ваши лендинги стильными
за счёт добавления различных декоративных элементов

Выделение текста на сайтах или в уроках

  • Познакомитесь с новыми возможностями использования псевдоэлементов
  • Научитесь изменять фон выделяемого текст под цветовую палитру сайта
  • Получите пошаговую видео-инструкцию

Результат:
Научитесь стилизовать сайт до мелочей — даже выделение текста

Ссылка на это место страницы: #reg

Начните обучение сегодня и откройте двери
в мир творческой магии дизайна с курсом

Pseudo Pro:
Искусство создания
магии в дизайне

сразу после оплаты вам будут доступны:

  • 12 уроков в записи
  • доступ к материалам 90 дней
  • прохождение в удобном темпе

получить доступ