>웹 프론트엔드 >CSS 튜토리얼 >원형 방사형 그래디언트 구성

원형 방사형 그래디언트 구성

WBOY
WBOY앞으로
2023-08-26 08:53:201464검색

원형 방사형 그래디언트 구성

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

Example

Live Demo

<!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>

위 내용은 원형 방사형 그래디언트 구성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제