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

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

6246a17164e54344a53d1c796564b1d1.PNG

Помогите новичку сверстать кнопку. Как сделать треугольник в конце с градиентом, закругленными краями и внешней границей?
  • Вопрос задан
  • 254 просмотра
Комментировать
Подписаться 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
Там еще бы тень/блик добавить и артефакты поубирать (надо точно вычислить отступы).
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы