Боже, игрался с этими значениями полдня, чтобы всё было красиво. Нашёл твоё видео и сразу всё получилось. Постоянно у меня всё смещалось туда, куда не нужно было или же так, как не должно быть. Ты всё обьяснил, чтобы я не только понял, но и сделал сам, без видео, ибо понял это и понял ошибки ребят, которые давали инфу по подчеркиванию. Лучший!
Ждал долго. Артём. Спасибо вам большое. Долго ждали и продолжение вернулось. Спасибо так же за ссылки на удобный ресурс code-pen. Еще раз большое человеческое СПАСИБО за такой материал
Да пошла н"" эта подписчица ,не нравится как ты говоришь "вот эта история" , пусть не смотрит тогда Я уже какую неделю не отпускаю мысль о том ,чтобы написать об этом тебе ... Теперь спать буду спокойно наконец то У тебя отличный контент и подписоты будет куча !)
Идея прикольная, хотя не для борьбы за улучшения юзабилити, а чисто по красоте. Решил попробовать в качестве беграунда. Не добавляет отзывчивости. Убрал анимацию. Но было интересно. Спасибо что напомнил о псевдокласах. Недавно отличный чекбокс делал как в ios/android с их помощью.
::before а не ::bevore, будьте внимательны. В современных браузерах работать будут оба варианта (с одним двоеточием, и с двумя) Просто первый вариант (с одним) это устаревшее написание, из стандарта css 2.1, а с двумя-новое, общепринятое из css 3.0
Артем, ты можешь сделать и показать как сделать красивый header с изображение на весь экран, с элементами поверх него (формы, записи что из этого) и navbar'ом сверху. Не просто показать а именно как сделать это правильно. Буду очень благодарен если сделаешь.
Лысый как всегда годноту запилил!
Он мз браззерс?)
Отличное начало с бинго бонго. Прям настроение на взлет)))))))) Урок как всегда на высочайшем уровне. Так держать.
Красота! Пошел детей Вёрстке учить, пусть анимируют что хотят!!)) Спасибо, Артем!
Крутой урок! Не слушай, кому что не нравится, главное что всё понятно и интересно!
Боже, игрался с этими значениями полдня, чтобы всё было красиво. Нашёл твоё видео и сразу всё получилось. Постоянно у меня всё смещалось туда, куда не нужно было или же так, как не должно быть. Ты всё обьяснил, чтобы я не только понял, но и сделал сам, без видео, ибо понял это и понял ошибки ребят, которые давали инфу по подчеркиванию. Лучший!
Большое спасибо! Очень понятно объясняешь материал!)
Спасибо большое
Очень интересно тебя смотреть) Делай пожалуйста почаще эту рубрику. Очень круто !
Хорошая фича с появлением подчёркивания с одной стороны, а исчезновением в другую! Гуууууд)))
Определённо лайк)
Ждал долго. Артём. Спасибо вам большое. Долго ждали и продолжение вернулось. Спасибо так же за ссылки на удобный ресурс code-pen. Еще раз большое человеческое СПАСИБО за такой материал
Топ, продолжай в том же духе! Дождался наконец)
Шикарный эффект и прост в исполнении!
Класс! Вроде реализовать ничего не стоит, а результат красивый...
спасибо за урок )) кому интересно есть хороший библиотека для всяких анимации при наведении ianlunn.github.io/Hover/
Коммент в поддержку рубрики)
И ждем JS и jQuery
элементарно и прекрасно)
Артем, супер! Как всегда, огооонь!
Огонь!!!🔥🔥🔥🔥🔥
Чётко! Прикольная фича) Лысый красава
Отличное видео, просто и со вкусом.
Ждём JS!
Пригодилось, спасибо!
Чувак, этой теме 200 лет))) но полезно кто не умеет делать или впервые видит
Я же не сказал "Эй, парни, смотрите что я только что придумал, такого еще нигде нет!"
Я просто показал фичу. Кому-то зайдёт, кому-то нет.
Сделал для бокового меню my-gamezone.ru
Спасибо, Артем!!!
Зачем же к "li" такой эффект применять, к "a" нужно, сейчас не очень выглядит
там есть ссылки в 2-3 строки.. не думаю, что с ними красиво будет
Сделайте только в 1ом меню
Спасибо, за полезный контент!
Да пошла н"" эта подписчица ,не нравится как ты говоришь "вот эта история" , пусть не смотрит тогда
Я уже какую неделю не отпускаю мысль о том ,чтобы написать об этом тебе ...
Теперь спать буду спокойно наконец то
У тебя отличный контент и подписоты будет куча !)
Вот такая история )
Идея прикольная, хотя не для борьбы за улучшения юзабилити, а чисто по красоте. Решил попробовать в качестве беграунда. Не добавляет отзывчивости. Убрал анимацию. Но было интересно. Спасибо что напомнил о псевдокласах. Недавно отличный чекбокс делал как в ios/android с их помощью.
Спасибо Артем
Большое спасибо за фичи,Артем. Слайдеры на чистом CSS не планируете сюда добавить?)
Вау!!
Побольше фич пожалуйста.
Интересно было бы бегущее пунктирное подчеркивание когда наводишь на ссылку
Как быть с буквами,которые выпирают вниз? И как сделать, чтобы толщина подчеркивания была равной родному подчеркиванию?
ТОП!
Больше фич!!!
Пригодится.
Круто! А возможно сделать также с background? К примеру хочу такой переход в меню на сайте с фоном ) У самого не получилось так сделать
Жаль что нельзя замутить динамику , слева направо если ведем курсор направо и наоборд если ведем курсор налево, было бы вообще круто
Кайф
мне тут в контакте ваши курсы за 1.5к предлагали)))
Шли их нахер)
@@Glo_Academy это точно!!!
Можно и без псевдокласса запилить через паддинг и маджин боттом для тега .
хех, так то фраза "такая история" как фишка, и так просто ее убирать - это не дело
Cпасибо
Приветствую! А почему некоторые ссылки могут сами менять высоту (толщину линии)? 10 ссылок, а из них 8шт - 1px и 2шт - 2px.
годно
Артем, можете сделать плейлист css фичи, а то неудобно их по одной выцеплять, хотел все сразу в одном потоке посмотреть...
Уже есть: ruclips.net/p/PL3LQJkGQtzc56HquxrkwPdQt9Q1wHm21P
Спасибо! =)
лайк за Мезенцева)))
Алабама!
Жду jQuery фичи)))
Скорее JavaScript фичи будут
jQuery в 2018 году ?)))
@@antonbodnia5788 Согласен! Буду ждать Vue JS фичи!)))
это же был сарказм, правильно?))
Нашел))) за дз щя базарить будем)
Это все отлично, но как быть когда ссылки с текстом в 2 строки?)
"никто на серьезных проектах так не делает" - wp-kama.ru/
Konstantin Naumov ну судя по посещаемости сайта - это не маленькая лендосик)
А что делать, если у ссылки есть padding?
Можно отступить на то же расстояние и все. Разве нет?
а чего он из braZZers ушёл в it?или это хобби?
Мужчина, если ты верующий, то тебя в рай без очереди. Если нет, то за продуктами в магазине
в чем разница между :bevore и ::bevore ?
::before а не ::bevore, будьте внимательны. В современных браузерах работать будут оба варианта (с одним двоеточием, и с двумя) Просто первый вариант (с одним) это устаревшее написание, из стандарта css 2.1, а с двумя-новое, общепринятое из css 3.0
Сразу баг в IE фиксите)
отличный урок! вот сайт где используется этот эффект: www.wrayward.com/#_5b7d9a642b286
Артем, ты можешь сделать и показать как сделать красивый header с изображение на весь экран, с элементами поверх него (формы, записи что из этого) и navbar'ом сверху. Не просто показать а именно как сделать это правильно.
Буду очень благодарен если сделаешь.
Что такое before?
Псевдоэлемент
*Проверка*
_Проверка1_
codepen.io/sergey-gavrikov/pen/mKRZYz
Не понятно только как сделать такой эффект для многострочной ссылки, вот например тут arctic.narfu.ru
-Проверка2-
*_Проверка3_*
не говори "вот эту историю"
Спасибо за совет, но я продолжу
@@Glo_Academy Да какая разница, что вы говорите! Главное - мы изучаем! Говорите что хотите)
У меня почему-то не работает, все так же как и у вас написал..
codepen.io/Ilya_Darik/pen/aabxRy
у тебя ошибки в коде. и Id менять на клас
с нужно
body {
font-family:sans-serif;
}
.link {
margin:auto;
width:80%;
}
a {
text-decoration: none;
position: relative;
}
.link a::before {
content: '';
left:0;
bottom:0;
position: absolute;
width:0%;
height: 2px;
background:#000;
transition:0.5s;
}
.link a:hover::before {
width:100%;
}
и пиши правильно слова на еng