Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Poziomy gradient w CSS
trifek
post 23.03.2019, 13:52:08
Post #1





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 28.09.2015

Ostrzeżenie: (0%)
-----


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

Ten post edytował trifek 23.03.2019, 14:31:00
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 16.04.2024 - 20:10