Mam taki kod:
body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; color: #000000; background-image: -moz-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%); background-image: linear-gradient(to bottom, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5E219C', endColorstr='#ffffff', GradientType=0); }
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