@Rufix

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

Необходимо сделать вот такой заголовок.
FOAL6os.png

Как я понял делается он через border + градиент, но я так и не смог сделать подобное. Нужна помощь
  • Вопрос задан
  • 271 просмотр
Решения вопроса 1
@VeryLongAgoDid
Всё возможно
Не уверен что это можно сделать с самим бордер, но есть хитрость. Поместить любой элемент в этот блок (отлично подойдут псевдоэлементы) и задать рамку для них, кроме одной стороны.

div {
    position: relative;
}
div:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 97%;
    border: 3px solid #f00;
    border-radius: 10px 0 0 10px;
    border-right: none;
}

Если нужны коментарии по написанному - спрашивайте)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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