@viktorulyushev

Как сделать подобный эффект для линии?

Как сделать подобное подчеркивание блока?
5c7f6c76eb98a614631952.png
  • Вопрос задан
  • 75 просмотров
Решения вопроса 2
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
Используйте линейный градиент, что-то вроде такого:
div {
    background: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
    background-size: 100% 2px;
    background-position: bottom;
    background-repeat: no-repeat;
}
Ответ написан
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется

p.s. градиент сделал на www.colorzilla.com/gradient-editor
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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