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

CSS Radial Gradients를 사용하여 균일한 간격의 색상 정지점 만들기

<시간/>

CSS를 사용하여 방사형 그라디언트를 사용하여 균일한 간격의 색상 정지점을 만들려면 두 개 이상의 색상 정지점을 정의하십시오.

예시

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