Как сделать кнопку с градиентным скруглённым бордером и прозрачным фоном?

Нужно сделать такую кнопку.

  • скруглённые углы
  • в бордере градиент сверху вниз от прозрачности 0% до 100%
  • кнопка должна быть прозрачной, т. к. фон может быть неоднородный
  • по hover заливка тем же градиентом, и по active он же с меньшей прозрачностью
  • плавное изменение фона по hover/active
  • ширина кнопки непостоянна


Хочется максимально изящное решение, без вложенных в кнопку тегов.

5a96dd109ae7a566230959.png
  • Вопрос задан
  • 133 просмотра
Пригласить эксперта
Ответы на вопрос 1
dom1n1k
@dom1n1k
Максимально изящное решение - объяснить дезигнеру, что он неправ и что нужно переделать по-нормальному.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.