Witam serdecznie.
Mam taki kod:

  1. body {
  2. margin: 0;
  3. padding: 0;
  4. font-family: 'Montserrat', sans-serif;
  5. color: #000000;
  6. background-image: -moz-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
  7. background-image: -webkit-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
  8. background-image: linear-gradient(to bottom, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
  9. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5E219C', endColorstr='#ffffff', GradientType=0);
  10. }


W górnej części strony wyświetla się gradient od jasnego koloru do fioletu. Dolna część strony jest biała.
To działa ok. Chciałbym jednak obrócić gradient w następujący sposób:
- z lewej strony miałby być lekko fiotetowy kolor, który przeszedłby w #5E219C (na środku ekranu) po czym przeszedłby w ciemno fioletowy kolor.
- dolna część strony miałaby pozostać bez zmian.

Wie ktoś może jak to zrobić?



Mój szablon: http://serwer1356363.home.pl/pub/test/
efekt jaki chcę uzyskać: http://serwer1356363.home.pl/pub/test/screen.png