---
title: 'Use Tailwind''s color opacity modifier to change the background color and opacity in a single class'
tweet_id: '1487081941711028227'
thread_slug: weekly-thread-2022-04
author_username: austencam
images:
    - 'https://pbs.twimg.com/media/FKJYn3PUYAEecqU.jpg'
created_at: 2022-01-28T15:15:38+00:00
slug: use-tailwinds-color-opacity-modifier-to-change-the-background-color-and-opacity-in-a-single-class
---
✨Did you know Tailwind CSS has a shorthand syntax for background, border, and text opacity?

🔗 https://tailwindcss.com/docs/background-color#changing-the-opacity