Как изменить прозрачность границы в Tailwind CSS?

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

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

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

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