tailwindcss에서 모달 배경색을 흐릿하게 하고싶다면?

모달을 만드려고 해서 배경색을 흐리게 하고 싶었다.배경색을 줘봤다.

<div className="bg-zinc-500">
    <input/>
</div>

모달이다

여기서 흐리게 하는 opacity-90 옵션을 줬다

<div className="bg-zinc-500 opacity-90">
    <input/>
</div>

흐릿해지긴했다

아.. 그런데 내가 원하던건 이게 아니다. input창은 선명하게 보여야 하는데...해서 찾아봤더니, 배경색의 rgba로 수정하라는것.

그래서 이렇게 바꿧다

<div className="bg-zinc-500/90">
    <input/>
</div>

이젠 선명하다

배경색 뒤에 / 를 붙이고 숫자 0부터 100중에 입력하면 rgba(0,0,0,0) 4번째 인자값을 조절할 수 있다.

속이 다 시원하다.