Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

원 모양으로 방사형 그래디언트 만들기


방사형 그래디언트로 원을 만들려면 다음 코드를 실행해 보세요. 원과 같은 모양에 대해 방사형 그래디언트에서 다른 매개변수를 설정합니다.

예시

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 400px;
            background: radial-gradient(circle, red , blue, yellow);
         }
      </style>
   </head>
   <body>
      <h2>Radial Gradient</h2>
      <div id = "demo">Radial Gradients</div><br>
   </body>
</html>