CSS에서 16진수 RGBA 색상을 간결하게 작성하려면 어떻게 해야 합니까?

CSS에서 16진수 RGBA 탐색

CSS 색상의 경우 빨간색을 나타내는 #ff0000과 같은 16진수 표기법에 익숙합니다. 반투명의 경우 #rgba(255, 0, 0, 0.5) 빨간색. 그러나 부분적으로 투명한 색상을 16진수로 정의하는 더 간결한 방법이 있습니까? 질문이 생깁니다: 마지막 두 자리(88 또는 50%)가 알파 값을 나타내는 #ff000088 또는 #ff0000 50%와 같이 쓸 수 있습니까?

16진수 RGBA의 미래

다가오는 CSS 컬러 모듈 레벨에 대한 흥미로운 소식이 우리를 기다립니다. 4! 편집자의 초안에서는 4자리 및 8자리 16진수 RGBA 표기법의 도입을 제안합니다. 이는 곧 다음과 같이 색상을 정의할 수 있음을 의미합니다.

#0000    // 4 digits
#00000000 // 8 digits

로그인 후 복사

현재 브라우저 지원

안타깝게도 아직까지는 기다려야 할 시간이 있습니다. 새로운 표기법이 널리 지원됩니다. 그러나 이것이 오늘부터 사용할 수 없다는 의미는 아닙니다. 폴백을 포함하면 지원되지 않는 브라우저가 새 속성을 정상적으로 처리하도록 할 수 있습니다.

figure {
  background: #FEFE7F; // Fallback
  background: rgba(255, 255, 0, 0.5); // Modern browsers
  background: #ffff007F; // Future shorthand
}

위 내용은 CSS에서 16진수 RGBA 색상을 간결하게 작성하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!