Maison >interface Web >tutoriel CSS >Construire un dégradé radial circulaire

Construire un dégradé radial circulaire

WBOY
WBOYavant
2023-08-26 08:53:201486parcourir

Construire un dégradé radial circulaire

Pour créer un cercle avec un dégradé radial, vous pouvez essayer d'exécuter le code suivant. Définissez un autre paramètre dans le dégradé radial pour les formes comme les cercles

Exemple

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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent:CSS parle de propriétésArticle suivant:CSS parle de propriétés