Страницы

Поиск по вопросам

понедельник, 30 марта 2020 г.

Как сделать такую фигуру

#javascript #html #css3




Помогите пожалуйста сделать такую фигуру особенно border такого цветас прозрачностью
вначале
    


Ответы

Ответ 1



Как вариант: body { background-color: rgba(0, 0, 0, 0.75); font-family: sans-serif; } .arrow { position: relative; border-style: solid; border-width: 7px 0; padding: 20px 30px; border-image: linear-gradient(to right, transparent, #c49107 15%); border-image-slice: 1; color: white; width: 320px; } .arrow:after { content: ""; border-style: solid; border-color: transparent #c49107 #c49107 transparent; border-width: 6px; position: absolute; right: -25px; top: 3px; transform: rotate(-45deg); width: 40px; height: 40px; }
Регистрируйся иначе все пропустишь


Комментариев нет:

Отправить комментарий