Exemple de code de la fonction CSS -webkit-gradient().
<style type="text/css">
.degrade-couleur-lineaire{
background-image : -webkit-gradient( linear, left top, right bottom, from(#ff0), color-stop(0.5, orange), to(blue) );
height : 150px;
width : 300px;
}
.degrade-couleur-radial{
background-image : background-image : -webkit-gradient( radial, left top, 0px, right bottom, 100%, from(#ff0), color-stop(0.5, orange), to(blue));
height : 150px;
width : 300px;
}
</style>
Dégradé de couleur linéaire :
<div class="degrade-couleur-lineaire"></div>
Dégradé de couleur radial :
<div class="degrade-couleur-radial"></div>
Interprétation du code de la fonction -webkit-gradient() CSS par votre navigateur.
Dégradé de couleur linéaire :
Dégradé de couleur radial :
Interprétation normale du code de la fonction CSS -webkit-gradient() (copie d'écran).
