Как сделать border на половину картинки?

Здравствуйте подскажите пожалуйста, как сделать чтобы border обволакивал только половину фигуры? Вот как здесь
af9707d4e2ac40d98a8d94e7946d406a.jpg
Заранее спасибо
  • Вопрос задан
  • 2397 просмотров
Решения вопроса 2
inomdzhon92
@inomdzhon92
html, css, js, nodejs
Первый способ. Самый простой. Через градиенты.
codepen.io/anon/pen/MwQMLG

Второй способ. Через псевдоэлементы. Классика ;)
codepen.io/anon/pen/oXErMr?editors=110
Ответ написан
gluck59
@gluck59
Виртуальный глюк
Третий способ: представьте себе что это не бордер, а самостоятельный элемент. Например SVG.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
seoperin
@seoperin
Full stack web developer. Laravel / Vue
Накидал такой вариант codepen.io/anon/pen/KpQYjL =) Не знаю насколько он нормальный, просто ради интереса сделал
Ответ написан
Ваш ответ на вопрос

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

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