@evil_mushroom

Как сделать сей декоративный элемент?

Доброго времени суток.
Подскажите, как лучше реализовать появление белой внутренней рамки, представленной на картинке ниже, при наведении мышки на блок с текстом?
5adf3ff9d6a52542851217.png
  • Вопрос задан
  • 112 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Блок с абсолютным позицированием, который имеет верхний, правый и нижний бордер. Левый бордер реализуется через псевдоэлементы :before (с top: 0px) и :after (с bottom: 0px).
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
alsolovyev
@alsolovyev
Куча способов есть от плевдо-элементов до background...
Пусть будет самый тупорный: https://jsfiddle.net/aovpdwvz/2/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы