Псевдоэлементы в CSS

Привет!

Псевдоэлементы - это своебразное дополнение к привычным нам html-элементам, которые можно использовать для декорирования и прочих вещей. А каких именно - разберем в видео!

Cодержание:
00:00 - Вступление
00:30 - ::first-letter (и синтаксис псевдоэлементов)
02:02 - ::first-line
02:50 - ::placeholder
05:16 - ::before, ::after
06:34 - Тултип с помощью псевдоэлементов
08:46 - Кастомная нумерация с помощью псевдоэлементов
11:18 - Декоративное изображение с анимацией с помощью псевдоэлементов
13:47 - Заключение

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

#обучение #псевдоэлементы #верстка

[shifronim]

Затащил себе инкремент числа и декоративные svg, все на :before :after - спасибо Максим, очень практично!

[KotoffMatroskin]

Максим, спасибо за полезную информацию. Если честно долго пропускал это видео, думал что уже все знаю про margin и pagging, а оказалось нет)) подчерпнул для себя много полезного.

[mempo]

Максим, спасибо. Классный урок псевдо элементы или классы порой очень выручают))

[richman_]

Чел, ты лучший. Не знаю почему у тебя так мало подписок. Очень помогаешь своими видео-уроками. Удачи в развитии канала. Думаю успех скоро придёт😉

[Dyudyukin]

Для меня, как для новичка, очень круто! Спасибо, Максим )

[const]

Крутое видео, Максим. Было бы круто, если бы ты рассказал нам как правильно выходить за пределы сетки, когда там 2 блока по 50% и один из них выходит из контейнера, а в другом например текст так же по сетке

[Theonelasthero]

А можно ли добавить градиент к border radius? Я просто хотел сделать свечению для иконки инсты, там кружок такой border radius 50% толстенький, его можно раскрасить в цвета инстаграмма по градиенту?

[sencorio]

Не совсем понял зачем менять текст, который содержится в content на текст в data атрибуте. Возможно это связано с доступностью? Если навести курсор на дата атрибут, то тултип будет озвучен?