CSS로 방사형 그라디언트 구현하기

이 포스트에서는 CSS로 방사형 그라디언트를 구현하는 방법을 설명합니다. CSS로 선형 그라디언트 구현하기 포스트에서 CSS를 사용하여 선형 그라디언트(색이 끝에서 다른 끝으로 가면서 변하는 형식)를 구현한 바 있는데, 방사형 그라디언트(색이 한 중심점에서 둥글게 퍼져 나가면서 변하는 방식)도 같은 방식으로 가능합니다. 기본적으로 다음과 같은 형식의 코드를 사용합니다. selector { background: #55ffff; background: -webkit-radial-gradient(#55ff55, #55ffff, #5555ff); background: -moz-radial-gradient(#55ff55, #55ffff, … “CSS로 방사형 그라디언트 구현하기” 더 읽기