Задать вопрос
khlopchyna
@khlopchyna
css

Как сделать такую рамку вокруг элемента?

Здравствуйте, как сделать такое на наведение и просто для элементов (заголовков) на странице с помощью css?

3c4c5d903d66454f9bc42d3fd3634396.png
61adf4f8051d43fc9b8c14dcf116322c.png
  • Вопрос задан
  • 284 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
https://jsfiddle.net/hav3ko16/
Ответ написан
1 комментарий
1 комментарий
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
https://jsfiddle.net/0o0y36f6/1/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Вариантов масса, самый простой - кинуть картинку на background.
Чуть сложнее:
это с помощью :before добавить элемент с абсолютным позиционированием, сделать ему border-bottom и развернуть на 45 градусов.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Middle+/Senior Frontend Engineer
Data Directs • Тель-Авив
от 350 000 ₽
Ещё вакансии