Задать вопрос
@AlexCruel

Градиентная граница с прозрачным содержимым?

Пример градиентной границы с непрозрачным содержимым:
<button class="bg-gradient-to-r from-blue-500 to-purple-500 text-white font-semibold rounded p-1">
      <span class="flex w-full bg-blue-800 text-white rounded p-2">
          Gradient border
      </span>
    </button>


Вопрос: как сделать, чтобы граница осталась градиентной, но фон содержимого был прозрачным?
  • Вопрос задан
  • 42 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Python-разработчик
    10 месяцев
    Далее
  • Skillfactory
    DevOps-инженер
    6 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
Сделать границу с помощью фонового svg с толщиной обводки, не зависящей от растягивания https://developer.mozilla.org/en-US/docs/Web/SVG/A...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы