Чтобы изменить прозрачность границы в Tailwind CSS, нужно использовать утилиты border-opacity-{amount]. 12 В них {amount} — значение непрозрачности (100%, 75%, 50%, 25%, 0%). 12

Например, чтобы установить непрозрачность границы элемента на 50%, нужно добавить к элементу класс border-opacity-50: 3

<div class='border border-red-500 border-opacity-50'>....</div>

Чтобы управлять непрозрачностью цвета границы элемента в определённой контрольной точке, нужно добавить префикс {screen}: к любой существующей утилите непрозрачности цвета границы. 2 Например, md:border-opacity-50 — применить утилиту border-opacity-50 только при средних размерах экрана и выше. 2