CSS Pseudo elements Before and After: Examples

  Переглядів 101,097

Анна Блок

Анна Блок

5 років тому

Decoration line - codepen.io/anna_blok/pen/ZVoGyx
Quote and quotes - codepen.io/anna_blok/pen/xmjGqQ
Hover for before - codepen.io/anna_blok/pen/dweoYr
Style tag ol - codepen.io/anna_blok/pen/GPdJQo
______________
Website - tpverstak.ru
VK - tpverstak
Instagram - / tpverstak
Telegram - t.me/tpverstak и t.me/annbloknote
Telegram Chat - t.me/tpverstakchat

КОМЕНТАРІ: 204
@glebbsif
@glebbsif 5 років тому
за пять минут можно узнать столько полезного, что дяди и за час не расскажут. ясно и доступно и понятно. Больше видосов!) Спасибо
@annblok_webdev
@annblok_webdev 5 років тому
Видосы выходят раз в неделю ;)
@user-bh7py7mf4y
@user-bh7py7mf4y 4 роки тому
Излишнего пиздостралания не надо.
@vartessa
@vartessa 3 роки тому
Моя богиня. Целый час пыталась разобраться, а ты за 10 минут все разложила! Обожаю)
@annblok_webdev
@annblok_webdev 3 роки тому
🤗🤗🤗
@olegplahotniy7307
@olegplahotniy7307 5 років тому
Как верстальщик со стажем скажу - девочка излагает вполне грамотно, лаконично, доступно, подписался, продолжай в том же духе.
@johnd1431
@johnd1431 5 років тому
Скорее всего текст был заранее подготовлен, отдельно зачитан, и наложен на видео. По итогу выглядит очень понятливо, согласен.
@seriousman109
@seriousman109 4 роки тому
Если бы не твой коммент, я бы переключил
@dinir1000
@dinir1000 4 роки тому
@@johnd1431 ну уж очень быстро, для чайников это не есть правильно
@lexantonov4467
@lexantonov4467 Рік тому
Как верстальщик со стажем, скажи пожалуйста Какой смысл в :after и :before, если все это можно сделать и с помощью других тегов?
@lexantonov4467
@lexantonov4467 Рік тому
@@hikkikomori9072 тот же span
@user-ry5ne7pu5b
@user-ry5ne7pu5b 4 роки тому
Просто, доступно и без лишней болтовни. Однозначно лайк)
@andreysorin3096
@andreysorin3096 4 роки тому
Симпатичная и грамотная! Но есть уточнения. ":" - это псевдокласс (pseudo class), "::" - это псевдоэлемент (pseudo element) Поэтому для after, before правильнее именно так ::after Так как это - именно псевдоэлементы, а не классы. У самогО псевдоэлемента не может быть псевдокласса(hover, active, ...). Именно поэтому можно использовать только: myElement:hover::before , что означает: "браузер должен задать свойства псевдоэлемента ::before для элемента myElement в состоянии :hover "
@meldanify
@meldanify 4 роки тому
поправил и, при этом, не унизил...Побольше бы таких людей как Вы!
@TheLokomotivbj
@TheLokomotivbj 4 роки тому
Очень информативно, полное отсутствие воды. Огромное спасибо!
@sikinski1588
@sikinski1588 3 роки тому
Спасибо большое, голос приятный, все кратко и ясно! Вы умница.
@oLORDo
@oLORDo 3 роки тому
Хорошо подготовилась, без лишней инфы, спасибо. С псевдо вообще много интересного. like you.
@alexvei7299
@alexvei7299 4 роки тому
очень приятно смотреть, хоть и 2 трети информации и так знал, а другая пока не была нужна , повторить-всегда полезно. Информация изложена грамотно и доступно . Вобщем спасибо за отличный контент
@annblok_webdev
@annblok_webdev 4 роки тому
Спасибо, приятно знать, чтоы контент вам нравится 😊
@GOts_ZiLLA
@GOts_ZiLLA 3 роки тому
Офигенная полезная информация! Спасибо, Анна! За шпаргалку по флексам - отдельный поклон, 2 страницы на учебе сделал благодаря ей!
@annblok_webdev
@annblok_webdev 3 роки тому
Здорово, я рада! 🤗
@maximzaika3753
@maximzaika3753 5 років тому
Огромное тебе спасибо, я только обучаюсь CSS и твой ролик мне очень помог) еще раз спасибо😘
@umjetnost4317
@umjetnost4317 5 років тому
Вы прекрасны, продолжайте !
@user-cy2db6in4b
@user-cy2db6in4b 4 роки тому
Очень познавательно и понятно!! Молодец, продолжай в том же духе))
@BestProgramsXXICurrenLynn
@BestProgramsXXICurrenLynn 4 місяці тому
Спасибо. как всегда супер (как всегда), продолжайте в том же духе!
@user-fx4tq3cz2w
@user-fx4tq3cz2w 3 роки тому
Узнал что то новое, спасибо Аня :)
@mishasv1490
@mishasv1490 5 років тому
Блин, я тебя обожаю, вчера промудохался с макетом, не мог понять как вставляются такие вот изображения, через before, теперь вроде понял)
@andrew2340
@andrew2340 2 роки тому
👍👍👍🔥 - все по теме обсуждения. ничего лишнего. спасибо. изучаю цсс по твоим урокам.
@annblok_webdev
@annblok_webdev 2 роки тому
🔥🥳
@atastar9823
@atastar9823 2 роки тому
Благодарю Вас, теперь всё понятно, а то не знал как подчёркивание у заголовка через псевдоэлемент делать 👍
@p.polunin
@p.polunin Рік тому
Очень лаконично! Спасибо!
@user-jo4ut5oy3n
@user-jo4ut5oy3n Рік тому
Як все доступно пояснюєте! Прям насолоджуюсь слухаючи вас.
@xojayozov
@xojayozov 2 роки тому
Боже мой , вот это урок ! Спасибо Анна и с праздником ! Удачи.
@annblok_webdev
@annblok_webdev 2 роки тому
Спасибо ☺️
@user-ff3lc1et3u
@user-ff3lc1et3u 4 роки тому
Контент, взрывающий мозг. Все отлично
@shurinskiy
@shurinskiy 3 роки тому
За стилизованный лист - спасибо :)
@vardansafaryan2979
@vardansafaryan2979 5 років тому
Привет. Спасибо за инфу! продолжай в том же духе )))
@arturdauzvardas3112
@arturdauzvardas3112 4 роки тому
Анна,сегодня впервые за шел в Ваш блог и Вы знаете-мне понравилось,без бубнения,без --и...,-это...,-ну-у-у,короче я Ваш поклонник...в смысле я начинающий верстальщик и такие прямые ,без загибонов, очень хорошо воспринимаютя...стал Вашим/громко сказано/спонсором...
@annblok_webdev
@annblok_webdev 4 роки тому
Я безумно рада, что вам понравился мой канал 🥳 Поздравляю вас с появлением красного значка!
@pasha705
@pasha705 5 місяців тому
Спасибо, стало больше ясности. В принципе все и так интуитивно понятно, но нужно было убедиться. Смотрел футеры на разных сайтах и встретил :before на wildberries, сам попробовал, и вроде как понятно
@taran_dm
@taran_dm 3 роки тому
Инфо легко заходит. Спасибо за труд.
@dmitryleiko2869
@dmitryleiko2869 5 років тому
Привет, отличное видео, спасибо. Удачи.
@egorbrodunov113
@egorbrodunov113 4 роки тому
Очень хорошо все рассказано, спасибо большое) Лайк + подписка
@user-nv6lt3pb5v
@user-nv6lt3pb5v 3 роки тому
Спасибо, очень интересно и понятно, Ваше видео очень мне помогло)
@user-le7tt6zd7q
@user-le7tt6zd7q Рік тому
Это было КРУТО 😊
@road2zion2
@road2zion2 2 роки тому
Спасибо! Очень помогла!
@John-du4wf
@John-du4wf 5 років тому
ТВОЙ ВИДОС ТОП👍👍👍
@DmitryYa89
@DmitryYa89 2 роки тому
спасибо большое, не мог картинку поставить, оказывается надо высоту и ширину ставить
@uncle-xxi
@uncle-xxi 5 років тому
Очешуенно!
@MrNagios
@MrNagios 5 років тому
Наверное нужно было бы упомянуть, что элементы будут лежать внутри тега, к которому они применяются, для меня это было непонятно, думал что элемент образовывается до самого тега, а оказывается до контента внутри него.
@user-sl8oi5wj6e
@user-sl8oi5wj6e 2 роки тому
Какая крутая, просто жесть!!!!
@oleksandrkarnaukhov878
@oleksandrkarnaukhov878 3 роки тому
Ого, вот это вы крутая в этом. Я вообще в шоке как у вас все быстро и легко, это же сколько нужно было времени потратить на изучение))
@annblok_webdev
@annblok_webdev 3 роки тому
Спасибо 😊
@VasyaStone8oy
@VasyaStone8oy 5 років тому
Как всегда информативно и доступно. Благодарю)
@red53dhj5ry32rtty83e
@red53dhj5ry32rtty83e 11 місяців тому
Спасибо, Солнышко =)
@hostyle
@hostyle Рік тому
Маркеры списков так же можно стилизовать, с помощью псевдоэлемента "::marker", но там есть некоторые ограничения. Например, свойства background-color, margin, border, padding не поддерживаются. В целом познавательно, спасибо.)
@progerlife6690
@progerlife6690 4 роки тому
Какой отморозок поставил дизлайк?? Все хорошо и ясным языком объясняет. Thank you! Лайк))))
@AlibekKulseitov
@AlibekKulseitov 4 роки тому
бэк эндер)
@user-fu2cv9xl7p
@user-fu2cv9xl7p 4 роки тому
@@AlibekKulseitov бэкэндеры заходят и не глядя ставят дизлайки)
@andreykarolik7455
@andreykarolik7455 Рік тому
Простите, а есть у вас видео про выбор шрифтов на сайте? К примеру, смотрю, что вы любите тот же Montserrat, почему? И sans-serif запасной как системный? Можно чуть побольше про это? Спасибо.
@FlexXDXDXD
@FlexXDXDXD 5 років тому
Узнал как сделать так, чтобы линия не перечеркивала заголовок. Спасибо)
@user-pj3xr6qy9f
@user-pj3xr6qy9f 5 років тому
глаза просто супер!
@sandusgoga9676
@sandusgoga9676 Рік тому
Класс!!!
@Joynashy
@Joynashy 4 роки тому
Отличный урок. Всё максимально подробно. Ну и радует что в речи нету запинаний, междометий и прочих недостатков присущих во время записи уроков.
@annblok_webdev
@annblok_webdev 4 роки тому
Спасибо :)
@Joynashy
@Joynashy 4 роки тому
@@annblok_webdev вам спасибо за качественный урок)
@user-tb3mm6dl3z
@user-tb3mm6dl3z 2 роки тому
Вообще топ 😎😎👍👍👍👍👍❤️
@appleipad4348
@appleipad4348 5 років тому
Спасибо большое за видео!) Все очень понятно и коротко, это очень важно!)
@bcanary4252
@bcanary4252 4 роки тому
Аааа как приятно слушать этот голос, так и еще по поводу css 😍 Like
@yevgeniyalex
@yevgeniyalex 4 роки тому
Автор зачет
@goldlion1815
@goldlion1815 4 роки тому
у каждого свое мнение но факт остается фактом. ань. спасибо. поделилась полезнейшей информацией. а все остальное? а это как в рекламе nivea: добейся этого сам. для этого есть голова.
@technic_and_programming
@technic_and_programming 3 роки тому
Ля, ты так хорошо объясняешь!!!
@user-cb5xj1lg1l
@user-cb5xj1lg1l 5 років тому
Спасибо, я в шоке
@mageitru7507
@mageitru7507 5 років тому
Почему псевдоклассы не применяются к блоку section. При использовании after с bottom:0 position: absolute уходит вниз на середину следующего блока. Убираю bottom становится на середине.
@sergeyvorobev4387
@sergeyvorobev4387 5 років тому
Отличное видео, благодараю!
@sergeystarkov8010
@sergeystarkov8010 4 роки тому
Спасибо за урок! :) Не очень понимаю, почему в примере с декоративной линией нужно прописать "width: 100%" для псевдоэлемента, если у него есть свойство "display: block". Как я ранее понял, блочные элементы и так занимают всю ширину. При этом без "width" он совсем не отображается. Как это работает?
@mishasv1490
@mishasv1490 5 років тому
Видео просто бомба, молодец! P.S Куда делся розоватый оттенок волос?
@annblok_webdev
@annblok_webdev 5 років тому
Cмылся :D
@mishasv1490
@mishasv1490 5 років тому
@@annblok_webdev Понял, тебе он был очень к лицу)
@user-vu6hn4ul2i
@user-vu6hn4ul2i 5 років тому
@@annblok_webdev я думал стили слетели.
@m-codedesigner5093
@m-codedesigner5093 5 років тому
Глаза космос)
@user-be5vj5xq7e
@user-be5vj5xq7e 3 місяці тому
У меня вопрос насчет примера с лапкой (на пятой минуте), мне нужно эту лапку сделать больше кружочка, а бэкграундом это не получается. лапка внутри кружка. Есть какие-то варианты?
@user-mu8mt9jv7s
@user-mu8mt9jv7s 5 років тому
чито ты спасла мя игорь!
@faluna2957
@faluna2957 5 років тому
Спасибо Вам за урок! Есть маленький вопрос: есть ли разница в наличии или отсутствии пробела между свойством и значением? Знаю что оба варианта рабочие, но все же...
@annblok_webdev
@annblok_webdev 4 роки тому
Разницы нет, но обычно, если делать минификацию CSS, то эти пробелы удаляются и стили устанавливаются в одну строчку (максимально сжатие). Поэтому на начальном этапе написания CSS вы можете просто выбрать любой удобный для вас способ отображения. Желательно, чтобы это использовалось везде, а не только в отдельных свойствах.
@faluna2957
@faluna2957 4 роки тому
@@annblok_webdev Спасибо за ответ!
@nikolaiarts6113
@nikolaiarts6113 Рік тому
Здравствуйте! подскажите пожалуйста, можно ли найти псевдоэлемент ::before в поиске на странице? Если да, то какой верный синтаксис его добавления в селектор? Приведите пожалуйста пример.
@andreykarolik7455
@andreykarolik7455 Рік тому
А можно чуть пояснить по position absolute и relative, этот нюанс не до конца понял. Когда и как надо, и как это работает именно в данном примере для обрамления h2. Спасибо.
@paulgarrett7044
@paulgarrett7044 Рік тому
Чтоб перемещать элемент с помощью top нужно назначить ему position absolute, а его родителю position relative. Иначе top работать не будет.
@Standoffer614
@Standoffer614 4 роки тому
Дима Лаврик , трепещи ! ) Это Она создавала CSS
@user-zd9sr2ov4m
@user-zd9sr2ov4m 5 років тому
Идеально объясняешь! Только вот скажи, зачем задавать по отдельности background? Т.е. background-image, background-size и т.д.
@truedivan
@truedivan 5 років тому
Чтобы легче воспринимали не такие профит как ты:)
@gevorgmovsisyan5153
@gevorgmovsisyan5153 4 роки тому
Тут нельзя лайк не поставить )
@user-kt3lk6ic9o
@user-kt3lk6ic9o 2 роки тому
Есть список из 4 рядков с разными стилями . Через :before я вставила галочку для каждого рядка. И эта каждая галочка приняла стили текста . Как сделать так , чтобы галочка не менялась. У вас слово Hello приняло стиль текста.
@user-ie6jd2ul2c
@user-ie6jd2ul2c 2 роки тому
А чем вы пользоваетесь для написания кода , что бы сразу рядом отображались изменения страницы?
@annblok_webdev
@annblok_webdev 2 роки тому
Codepen
@user-ie6jd2ul2c
@user-ie6jd2ul2c 2 роки тому
@@annblok_webdev спасибо большое 🤗🤗
@romanshvayko211
@romanshvayko211 5 років тому
А Фронтенд разработка будет актуальна лет так через 5-8?
@sergeyshelestov_pro
@sergeyshelestov_pro 5 років тому
Спасибо, шикарно🎓
@avenircaprioly1511
@avenircaprioly1511 4 місяці тому
что только на свете не бывает :)
@user-jx2si1nu2e
@user-jx2si1nu2e 3 роки тому
Добрый день. Я начинающий верстальщик. Столкнулась с проблемой отображения псевдоэлементов на разных экранах. Например, делаю обводку вокруг иконки соцсети, цепляя before к "a" (линку). Позиционирую пикселями: top: 20px, left: 15px. На другом мониторе обводка едет вбок, либо вверх. Есть подозрения, что это из-за разных разрешений. Как это предотвратить? Прописывать позиционирование в %?
@Cj_segr
@Cj_segr 5 років тому
Ничего нового, я думал может там будет рассказываться про :before display:table; как у бутстрапа, принцип его работы...
@faluna2957
@faluna2957 5 років тому
Спасибо!!!
@alarm_yt
@alarm_yt 5 років тому
Как думаешь, будет ли в этом году избыток front-end разработчиков и спрос на них спадет?
@annblok_webdev
@annblok_webdev 5 років тому
Избытка не будет, т.к. по сей день ценных специалистов, которые готовы развиваться и не останавливаться, не так много. К сожалению, много посредственных. Следовательно, спрос на хороших спецов не спадёт.
@alarm_yt
@alarm_yt 5 років тому
@@annblok_webdev Насколько я знаю, фронтендеров больше, чем бэкендеров. Если я хочу стать бэк-разработчиком, как думаешь, будет ли эта сфера перспективной. Логика строгая без дизайна как-то больше меня привлекает.
@annblok_webdev
@annblok_webdev 5 років тому
Anti/Lis бэкенд всегда перспективен
@mischaelchicago3111
@mischaelchicago3111 5 років тому
@@alarm_ytнужен узкий профиль, мне сложнее найти фронтенда, с беком проблем меньше, там выше порог вхождения. Надо делать, то что нравится, везде есть деньги
@xarkemali9231
@xarkemali9231 5 років тому
@@alarm_yt А что мешает с фронта перейти на бек? Nodejs, GraphQl, Apollo + на мобилку React native. Изучая чистый бек тебе все равно придется много работать с фронтом и JS. Изучай все сразу. На самом деле там не много и не особо сложно. После MVC php (laravel Yii и пр) React js or Vue или Node покажется весьма простым. По факту в работе над проектом в компании (аутсорс) лучше быть средним фулстаком, чем гуру бекэнд, без знания JS либ или фреймворков. На пайтоне не советую начинать. На джанго мало проектов, как и на JAva Spring или Ruby. CSS база. Совет изучай их вне зависимости от инструмента. Также базовый JS, особенно ES6 на котором построены все юзабельные Либы.
@ruslan_klimchuk
@ruslan_klimchuk 5 років тому
Что это за глаза, я от них оторватся не могу....
@aleksandrkedria4024
@aleksandrkedria4024 5 років тому
Фу. Каблук.
@dreadscorner419
@dreadscorner419 5 років тому
Это называется Линзы, а не глаза :)
@mattjak7834
@mattjak7834 4 роки тому
Таже херня, видео по два раза смотрю, первый на глаза залипаю, а во второй раз информацию впитываю)
@Standoffer614
@Standoffer614 4 роки тому
Учи, сиди. На глаза он засмотрелся. ))
@Joynashy
@Joynashy 4 роки тому
Ты вродь пришёл урок смотреть)
@esodrevolt2130
@esodrevolt2130 4 роки тому
Добрый день! Не получается "завести" линию за h2. После добавления заголовку position: absolute, заголовок "проваливается" за имеющийся ниже текст
@annblok_webdev
@annblok_webdev 4 роки тому
Добрый день. Скиньте ссылку на код в Codepen.
@esodrevolt2130
@esodrevolt2130 4 роки тому
@@annblok_webdev codepen.io/kulikonch/pen/YzPWLgY
@Monax-go6vq
@Monax-go6vq 5 років тому
в css2 не использовалось двойное двоеточие (htmlbook.ru/css3/before). Это стандарт css3. В css2 - это только одно двоеточие. Для css3 - вполне приемлемо использование также старого способа (css2) с одинарным двоеточием
@ganjackal
@ganjackal 2 роки тому
Понятно 🤔 что ни чего не понятно! Объяснение и т.д норм спс но вот я так и не понял зачем псевдоэлементы нужны это нельзя сделать в css!? Второе есть видео что бы узнать все о них и понимать когда их вообще применять 😄 ссорян за мою тупость! Анна и еще вы пишите в. Браузере кажется в CodePen . Эта платформа специально для проверки кода и возможность его копирования потом в проект или как ?! Одним словом для чего он и как в нем работать ! Просто было как то время я что то у вас в нем что то проходил и вот решил еще раз заняться этим вопросом так как не отнёсся на тот момент к той задаче серьезно ! Подскажите есть ли видео о том как в нем работать !!! Спс
@dudli1763
@dudli1763 4 роки тому
афигеть девушка программист, это так круто ) p.s. больше всего хотел что бы моя девушка была программистом
@user-cm1wy9kv4p
@user-cm1wy9kv4p 2 роки тому
Можно ли при помощи :before выводить надпись реклама над рекламным блоком?
@annblok_webdev
@annblok_webdev 2 роки тому
вы хотите кириллицу записать в свойства content? если да, то не рекомендую
@skeelo3157
@skeelo3157 5 років тому
У меня такая странная проблема, before не перекрывает цветом контент но перекрывает своими габаритами, то есть нельзя нажать на что то в контенте
@stevenson5402
@stevenson5402 4 роки тому
Привет. Ты классная.
@user-cm1wy9kv4p
@user-cm1wy9kv4p 2 роки тому
А можно поставить линии по бокам не для заголовка, а для того что будет записано внутри content: " ";
@kostyapopkov8036
@kostyapopkov8036 2 роки тому
Аня, пишу код за вами буква в букву, но все равно пример с линией не получается так как у вас(((( линия почему то сверху заголовка. Уже пробовал и в aVisual studio и в codepen - результат такой же... В чем может быть проблема? Код перепроверял 5 раз
@Yulja13
@Yulja13 2 роки тому
тоже самое было, обратите внимание, что потом для box::before значение top становится 30px, а не считается через калькулятор, жаль Аня не обьяснила этот момент
@user-gq7hs7gq2e
@user-gq7hs7gq2e 4 роки тому
красивый голос)
@virgo6324
@virgo6324 4 роки тому
У меня пример с черной линией перед и после заголовка не получался. После долгих экспериментов понял в чем дело. Как только задаем правило position: absolute; для h2 , то сразу теряется смысл в top: calc(50% - 2px); для .box::befor . И Anna, не озвучив, поменяла его значение на 30px; На 8.24 это видно.
@caezar47
@caezar47 4 роки тому
Пример с линией немного неудачный. Все можно сделать на flex'ах. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, labore? ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, labore? div{ display: flex; justify-content: center; align-items: center; &::before, &::after{ content:''; min-width: 50px; height: 4px; background: red; flex: 1 1 0; } &::before{ margin-right: 20px; } &::after{ margin-left: 20px; } } h1{ margin: 0; } 0) Flex сила, можно выравнивать так как нужно вам 1) Не приходится вырывать из потока текст 2) При слишком длинном заголовке текст переносится на следующую строку а линии остаются видны 3) Удобнее применят в боках со сложным фоном З.Ы. За видос спасибо, пили дальше
@Warox42
@Warox42 5 років тому
Очень здорово. Мне понравилось. Кстати, Ваш сайт не доступен с територии Украины как минимум у провайдера "Интелект"
@lommmaster
@lommmaster 5 років тому
раз уж упомянули о after и before, не мешало бы упомянуть о переносе текста из атрибутов в content из html, может пригодиться. Об этом мало где говорят, и многие не знают. content: attr(data);
@user-vd6eg5ke7i
@user-vd6eg5ke7i 4 роки тому
так же что и то что не стоит злоупотреблять ими. с какими элементами он не работает и еще по мелочи(короче тема не раскрыта полностью)
@user-uk7vq2ou9g
@user-uk7vq2ou9g 2 роки тому
🌹💖
@melissasofie7681
@melissasofie7681 5 років тому
Очень круто объясняет. У неё талант.
@user-pw6sy7cw4l
@user-pw6sy7cw4l 4 роки тому
у меня небольшая проблема, когда я делаю ховер на бефор или афтер, то он меняет цвет при наведении на текст, а не сам элемент бефор или афтер
@annblok_webdev
@annblok_webdev 4 роки тому
Нужен ваш код)
@user-pw6sy7cw4l
@user-pw6sy7cw4l 4 роки тому
@@annblok_webdev код был точно какой же как в видео у вас
@user-qd9yv7jw9r
@user-qd9yv7jw9r 5 років тому
Смотрю ваши видосы и думаю может самому такие видосы пилить?)
@annblok_webdev
@annblok_webdev 5 років тому
влад коноплёв Пили
@crypto4elik
@crypto4elik 9 днів тому
топ
@user-gf6oe8nc7s
@user-gf6oe8nc7s 5 років тому
Как посмотреть модули уроков курса?
@annblok_webdev
@annblok_webdev 5 років тому
Данияр Булдаков ☀ Базовый tpverstak.ru/training/ ☀ Продвинутый tpverstak.ru/training-profi/
@SpawnProgram
@SpawnProgram 5 років тому
Пожалуйста, ставьте правильно ударения. Image - ударение на I! На первую букву.
@user-iw2bi9ns2b
@user-iw2bi9ns2b 5 років тому
:hover - это псевдо-класс, а не псевдо-элемент.
@annblok_webdev
@annblok_webdev 5 років тому
Кибиц А точно, оговорилась :)
@andreysorin3096
@andreysorin3096 4 роки тому
а ::before, ::after - именно псевдоэлементы :) Но все эти мелочи вполне компенсируются личным обаянием
@dinir1000
@dinir1000 4 роки тому
@@andreysorin3096 и что то с глазами, линзы наверное) для магии))
@Standoffer614
@Standoffer614 4 роки тому
Я вообще поражаюсь тем упырям, которые тут дизлайков наставили....
TOP 20 typical errors in website layout
11:51
Анна Блок
Переглядів 92 тис.
What is the difference between Float, Flexbox and Grid CSS?
10:06
Анна Блок
Переглядів 216 тис.
CSS units for font-size: px, %, em, rem, vw, vh, vmin, vmax
18:35
Анна Блок
Переглядів 68 тис.
Псевдоэлементы before и after в CSS
17:41
WebForMySelf
Переглядів 5 тис.
Псевдоэлементы CSS ::after и ::before. Объяснение на примерах
34:29
Александр Дудукало
Переглядів 4,2 тис.