Псевдоэлементы before и after в CSS
HTML-код
- Опубликовано: 6 сен 2024
- Уроки по верстке сайта: webformyself.c...
Исходники к уроку тут: t.me/webformys...
Полагаю, многим из вас знакомы псевдоэлементы, которые можно получить и стилизовать с помощью before и after в CSS. Часто их используют для оформления списков, элементов меню на списках, цитат и т.д. В этом уроке будет показан еще один интересный вариант использования псевдоэлементов, который можно применить для «битых» изображений.
можно в :before добавить box-sizing: border-box и больше не считать пиксели
3:33 за иконки юникода отдельное спасибо)
15:05 box-sizing:border-box
Спасибо, всё очень понятно.
с меня подписка и лайки, твое видео очень помогло!
Жду не дождусь полноценного курса по фронтеду от Андрея!
Вряд ли такой будет, я же не верстальщик на самом деле)) так, иногда интересуюсь какими-то трюками в верстке, иногда верстаю сайты, когда есть необходимость, но профессионально версткой я не занимаюсь.
@@matroskin978 вот прям напрашивается - "Я умный, потому что добрый, а скромный из-за красоты."
@@user-vu3uj4le3m и в мыслях не было 😁
@@matroskin978 ну это по-доброму). Вы, в самом деле очень доступно и интересно доносите информацию, поэтому уверен, что курс по верстке с торговой маркой "А.Кудлай" был бы гораздо более понятен и желаем, чем путанные и бе-мекающие курсы от профессионалов верстки. Так что, вам, действительно, подкинули хорошую идею для следующего курса, на который, уверен, будет спрос.
@@user-vu3uj4le3m ну, возможно в будущем)) Спасибо за идею!
А где плейлист python django на 70 уроков?
так если поставить top: 170px; будет тогда по центру)))
17 минут для двух псевдоклассов? Ребят, вы так до js и за 5 лет не доберётесь, ахаха
Видео не совсем о двух псевдоклассах. В видео показан практический трюк, который на практике встретишь не часто.
На самом деле, на это ушло первые 2 минуты и 50 секунд видео. Дальше уже про нестандартное использование.
Спасибо, всё очень понятно.
Пожалуйста ;)