Tout le monde sait qu'il existe un effet de dégradé de transition dans CSS3, donc cette fois je vais partager avec vous comment utiliser les dégradés de transition et leurs compétences d'utilisation. Voici un petit exemple.
Les dégradés CSS3 vous permettent d'afficher des transitions fluides entre deux ou plusieurs couleurs spécifiées.
· Dégradés radiaux-définir
Dégradé linéaire (couleur 1, couleur 2)
Utiliser de dégradé linéaire : radial-gradientCouleurs uniformément réparties
fond
: -webkit-radial-gradient(red, green, blue) ;Répartition des couleurs selon le pourcentage
fond : -webkit-radial-gradient(rouge 5%, vert 15%, bleu 60%) ;Cas :
Il existe de nombreuses façons d'utiliser les dégradés de transition. Pour des informations plus intéressantes, veuillez prêter attention au site Web chinois php
Autres
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
#dv{
border:1px solid #000;
width:150px;
height:150px;
/*background: -webkit-radial-gradient(red, green, blue);
background: -webkit-radial-gradient(red 5%, green 15%, blue 60%);*/
background: -webkit-radial-gradient( red, yellow, green);
}
</style>
<body>
<div id="dv">
</div>
</div>
</body>
</html>Comment utiliser les chemins absolus et relatifs en HTML
Techniques de dessin couramment utilisées pour Canvas en HTML5
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
