Skip to content

opacity

opacity 속성에 대한 유틸리티입니다.

요소의 불투명도를 설정합니다.

클래스약어 클래스속성
opacity:0opacity: var(--opacity-0) !important; /* 0 */
opacity:1opacity: var(--opacity-1) !important; /* 0.10 */
opacity:2opacity: var(--opacity-2) !important; /* 0.18 */
opacity:3opacity: var(--opacity-3) !important; /* 0.30 */
opacity:4opacity: var(--opacity-4) !important; /* 0.45 */
opacity:5opacity: var(--opacity-5) !important; /* 0.50 */
opacity:6opacity: var(--opacity-6) !important; /* 0.57 */
opacity:7opacity: var(--opacity-7) !important; /* 0.70 */
opacity:8opacity: var(--opacity-8) !important; /* 0.80 */
opacity:9opacity: var(--opacity-9) !important; /* 0.90 */
opacity:10opacity: var(--opacity-10) !important; /* 1 */

기본 불투명도 var(--opacity) 설정과 관련된 내용은 여기를 참고해주세요.