Exemple de code de la fonction CSS -moz-linear-gradient().
<style>
.degrade-couleur{
background : -moz-linear-gradient(#DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-left{
background-image : -moz-linear-gradient(left, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-right{
background : -moz-linear-gradient(right, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-top{
background-image : -moz-linear-gradient(top, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-bottom{
background : -moz-linear-gradient( bottom, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-0deg{
background-image : -moz-linear-gradient(0deg, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-45deg{
background : -moz-linear-gradient(-45deg, #DC143C 0%, #32CD32 5%, #C71585 40%, #7db9e8 100%);
}
.degrade-couleur-lefttop{
background-image : -moz-linear-gradient(left top, blue, red);
}
.degrade-couleur-tolefttop{
background : -moz-linear-gradient( to left top, blue, red);
}
.degrade{ height:50px; }
</style>
Direction omise : <br>
<div class="degrade degrade-couleur"></div>
Direction left : <br>
<div class="degrade degrade-couleur-left"></div>
Direction right : <br>
<div class="degrade degrade-couleur-right"></div>
Direction top : <br>
<div class="degrade degrade-couleur-top"></div>
Direction bottom : <br>
<div class="degrade degrade-couleur-bottom"></div>
Direction 0deg : <br>
<div class="degrade degrade-couleur-0deg"></div>
Direction -45deg : <br>
<div class="degrade degrade-couleur-45deg"></div>
Direction left top : <br>
<div class="degrade degrade-couleur-lefttop"></div>
Direction to left top : <br>
<div class="degrade degrade-couleur-tolefttop"></div>
Agrandir la zone de code HTML
Voir de code -moz-linear-gradient() dans :
Interprétation du code de la fonction -moz-linear-gradient() CSS par votre navigateur.
Direction omise :
Direction left :
Direction right :
Direction top :
Direction bottom :
Direction 0deg :
Direction -45deg :
Direction left top :
Direction to left top :
Interprétation normale du code de la fonction CSS -moz-linear-gradient() (copie d'écran).
Ce site utilise des cookies pour améliorer votre expérience utilisateur et optimiser le fonctionnement du site. Des contenus publicitaires vous sont aussi présentés, ainsi que cookies de partages sur les réseaux sociaux.
Vous pouvez accepter ces cookies en cliquant sur « Autoriser tous les cookies », cliquer sur « Paramétrer les cookies » pour gérer vos préférences de cookies.
