Firefox 62에서 CSS Shapes 지원 시작: 어떤 모양에도 맞춰 텍스트 배치

Firefox 62는 이제 CSS Shapes를 공식적으로 지원합니다. 이를 통해 텍스트와 다른 콘텐츠를 직사각형이 아닌 모양에 맞춰 배치할 수 있습니다. 이 글에서는 이미지, 그라디언트, 기본 도형을 사용하여 도형을 만드는 방법을 설명하고 Firefox DevTools의 새 도구를 사용하여 프로세스를 간소화합니다. 이미지의 알파 채널, 그라디언트 투명도, 사전 설정된 도형(원, 타원, 다각형)을 사용하여 텍스트 흐름을 제어하고 `shape-margin`을 사용하여 간격을 조정하고 반투명 이미지에는 `shape-image-threshold`를 사용하는 방법을 배웁니다. 또한 고급 효과를 위해 도형과 `clip-path`를 결합하는 방법도 설명합니다.