Задать вопрос
@sashko_krek
Front-End Dev
html

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

6246a17164e54344a53d1c796564b1d1.PNG

Помогите новичку сверстать кнопку. Как сделать треугольник в конце с градиентом, закругленными краями и внешней границей?
  • Вопрос задан
  • 253 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
dom1n1k
@dom1n1k
Картинкой это нужно делать (PNG или SVG - зависит от деталей задачи и линчых предпочтений).
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
Lumore
@Lumore
Front-end developer
codepen.io/anon/pen/bEqZoO
Ответ написан
1 комментарий
1 комментарий
savostin
@savostin
Еще один программист
На скорую руку: codepen.io/savostin/pen/VKGOXJ
Там еще бы тень/блик добавить и артефакты поубирать (надо точно вычислить отступы).
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы