CSS фичи #12 Эффект при наведении с рамкой | Hover effect border

Легенда

пасибо очень интереснно

Доброго времени суток. Ситуация следующая, перед ссылкой поставил изображение через псевдо элемент Before. Чтобы при наведении курсора на ссылку менялась картинка. Хочу так же сделать, как у вас, чтобы при наведении всплывала рамка. Но вот проблема, часть рамки с псевдо элементом after работает исправно, а прописав настройки для рамки с псевдо элементом before получаю искажение самого окна с ссылкой, поскольку данная область уже задана под изображение. Пробовал заключать данную ссылку и изображение в отдельный тег figure, как у вас и задавать рамку этому тегу. Рамка работает корректно, но вытекает следующая проблема, область тега как будто перекрывает предыдущий тег ссылкой и ссылка становится не кликабельной.

Дяяяяякую) дуже допомогло!!!

Спасибо большое!

Пушка-ракета)))))

всё очень круто спасибо большой

спасибо!!! очень помгло ваше видео!!!!

А как вместить в h2 ссылку ? ОНа вроде и помечается фиолетовым как ссылка, но при этом не переходится.

Отлично!Спасибо большое!

Ты пушка братан

Привет. Спасибо за видео. А не поздно еще вопрос задать?

покажите пожалуйста как сделать анимационную новогоднюю рамку на всю страницу из картинки gif а также как просто на странице по углам разместить какие либо украшения сделанные в виде уголка а также как отрозить объект по горизонтали и по вертикали. Спасибо.

Здравствуйте. Я новичок в этом деле, решил попробовать. После просмотра вашего видеоролика я сделал нечто подобное, но столкнулся с такой проблемой. Я хотел поместить ссылку вместо описания, ну или сделать кнопку по типу "подробнее", но сама ссылка отказывается работать. Не кликабельна так скажем. Могли бы вы прояснить в чём может быть дело?

Если прописать элемент:before, элемент :after получится не повторяться, используя каскадность задать нужные стили повторно. Или в случае с этими классами это не сработает?

спаааасибо огрооомное помогаете новичкам даже таким рукапопам как я

Я вот все думал, ну как, как сделать навбар прям дико красивым, по итогу сделал с этим эффектом) красотища - неописуемая

Best of the Best Playlist про CSS!! Каждый видос МЕГАполезен, каждая фича уникальна! Благодарен!)

Шик

Спасибо большое. Отличные ролики!

Щас бы новые css фичи)))

Добрый день, может Вы сможете продолжить этот курс! Вы же кайфуете)))
А мы благодарны!

Здравствуйте! А как сделать чтобы например слово описание было как ссылка? Сделать слово описание ссылкой, я сделал, но только вот она не работает. Не подскажите, как сделать так, что бы ссылка заработала. За ранее благодарю!

Figure читается через г

как добавить это на сайт?

Здравствуйте Артем! Просмотрел очень много видео уроков, какие то хорошие какие то не очень, но о твоих уроках отзывы исключительно хорошие. Многие уроки хорошо поставлены, и так сказать до молочка разжеваны, все что пробовал сделать по вашему примеру из уроков получалось с первого раза. Оценка по десяти бальной шкале 10/10. Большое спасибо за подобные уроки. Но я немного расстроен что последнее время появляется мало уроков, по CSS и JS. Надеюсь вы продолжите записывать и дальше подобные уроки!

Коммент в поддержку рубрики)

Тёма, красавчик однозначно!

10% подписчиков просмотрели видео и 10% из них ещё и лайкнули.

Помогите, почему , пытаясь назначить атрибут ссылки для заголовка или описания ничего не происходить? Цветом как ссылка, но не активная

крутой плейлист,давай еще!

Когда новые уроки будут, уже третье ноября???

Вообще тема с фичами 👍

Ооо класс js фичи

Что делать если я это делают над списком (li) но при этом закрывается ссылка и я не могу по ней перейти

короче лысый забил на этот плейлист, ладно отпуск, подписался ради этого раздела, действительно свежо и нестандартно, но похоже закончилось, отписываюсь, может продолжение css выпадет в предложу, посмотрю..

очень нравятся подобные ролики с фичами. надеюсь будет ещё много)

Спасибо,Артём!Скорее бы JavaScript фичи!Поддерживаю!!!=)

Когда новые фичи ?

Давай прелоадер!!!!!!!

Доступное объяснение, приятный голос и отличная дикция!Очень интересно и познавательно! Люди, лайкайте активнее,))!уж очень хочется дождаться серию видео про js-фичи

Артем, сделай пожалуйста обзор и как правильно встроить Гуглмапс.

Неистовый лайк!

Продолжай CSs фичи и GitHub.
Читал, что ты используешь VS Code, хотелось бы про него отдельные уроки, фичи, плагины, т.к довольно скупая информация про этот редактор в интернете, особенно для веб разработки!
Спасибо за уроки на канале!

Glo Academy: Спасибо, клёво объясняешь, но флексы надо глубже копать) у figure стоит display: flex; после ты пишешь justify-content: center; align-items: center; вместо этих 2х команд, figcaption достаточно написать margin: auto; (лучшие практики)

Большое спасибо! С нетерпением жду новые фичи! Один из лучших каналов!

Очень полезный контент, без воды, все четко и по делу. Ждем новых видео!

Артем, надоело то что ты обозначаешь псевдоэлементы через :. В CSS3 псевдоэлементы обозначаются через ::

Прикольно получилось)
Спасибо за фичу)