CSS: linear-gradient ne marche pas Fermé

Question

Bonjour, 
j'essaye d'utiliser le paramètre linear-gradient pour avoir un degradé de vert en fond d'écran :



article aside
{
    position: absolute;
    top: 0px;
    left: 0px;
    
    background-image: linear-gradient(bottom, rgb(14,66,1) 5%, rgb(0,135,16) 50%);
    color: white;
    border-radius: 10px 0px 10px 0px;
    padding: 5px;

    text-align: right;
    font-size: 0.8em;
}

Cependant quand je vais sur le page, le dégradé n'apparait pas.

Pouvez vous m'aider ?

Pseudo...... · Answer

Firefox et chrome, sous les deux ça ne fonctionne pas. Le validateur css3 me dit ça :

Propriété erronée : background-image linear-gradient(bottom,rgb(14, 66, 1) 5%,rgb(0, 135, 16) 50% ) n'est pas une valeur de background-image : linear-gradient(bottom,rgb(14, 66, 1) 5%,rgb(0, 135, 16) 50% )

bik225 · Answer

Essaye avec ce code: (ne met pas background-image!)


article aside
{
background: #00AEEF;
background: -moz-linear-gradient(top, #00AEEF 0%, #7D7E7D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AEEF), color-stop(100%,#7D7E7D));
background: -webkit-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
background: -o-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
background: -ms-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#7d7e7d',GradientType=0 );
background: linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
}

Pseudo...... · Answer

ça marche merci beaucoup, par contre les couleursne sont pas les bonnes mais je vais les retrouver.

Pourquoi fallait-il mettre tout ça ?

CSS: linear-gradient ne marche pas

3 réponses

Discussions similaires