Background avec deux dégradés verticaux symétriques

Bonjour,

je tourne un peu en rond pour finaliser.
Ce que j'obtiens actuellement:
http://dvpts.cahue.net/degrades/degrades-2vert.html[/url]
Ce que je voudrais:
c'est que le dégradé à droite soit le même que celui de gauche mais symétrique. Qu'on parte du milieu le plus clair pour arriver aux bords droite et gauche en plus foncé.
Le code css:

.degrade {
    background:
       linear-gradient(90deg,#035D39 0,rgba(195,255,173,1)) no-repeat 50%,
       linear-gradient(90deg,rgba(195,255,173,1),#035D39 0) no-repeat 50%;
    background-size: 50% 100%, 50% 100%;
    background-position  : left top, right top;  
    background-attachment: fixed;
}

Cordialement

1 seul gradient devrait le faire:

    linear-gradient(to left,#035D39 0,rgba(195,255,173,1) 50%, #035D39  );

Modifié par gc-nomade (19 Mar 2014 - 12:29)

Effectivement ça donne le résultat escompté:
http://dvpts.cahue.net/degrades-2/degrades-2vert.html

Mais par rapport à ce nouveau code, est-ce qu'on peut jouer sur le paramètre de l'étendue de la même manière?

Merci

tu peut jouer sur background-size ou modifier les valeurs de départ des couleurs de degradés