Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

<body> Tło w CSS (gradient)

CSS  Założony przez  iSEO.

26.12.2015, 10:57 (Ten post był ostatnio modyfikowany: 26.12.2015, 11:18 przez Matslom.)
#1
Witam widziałem już trochę obrazków tła na różnych stronach w CSS ale był to efekt taki mieszanych kolorów 
Chciałbym tło które dodałem do wątku przerobić w css bo sporo mi zajmuje a .png i zabiera 1mb transferu na wejśćiu  

Ktoś pomógł by jak przerobić to w css?


http://zapodaj.net/images/86d41dba925ff.png
26.12.2015, 11:05
#2
W CSS najłatwiej uzyskać gradient liniowy, Ty masz mieszany.

Ogólnie:
http://www.w3schools.com/css/css3_gradients.asp

Generator:
http://www.colorzilla.com/gradient-editor/

Coś bardziej w twoim stylu:
http://graphicdesign.stackexchange.com/q...-using-css
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
26.12.2015, 12:23
#3
Radziłbym jednak nie stosować gradientów w css, ponieważ nie wszystkie przeglądarki je obsługują.
Moim zdaniem dobrym rozwiązaniem byłoby przepuścić tło przez kompresje bezstratną i wrzucić plik na serwer, żeby przeglądarka nie musiała go pobierać za każdym razem.
26.12.2015, 12:28
#4
@Gandziu, które obecnie przeglądarki nie obsługują gradientu? Firefox, wszystkie na silniku Chrominium, a także Edge obsługuje. Nie wiem jak macowskie twory, ale stawiałbym, że też, choć po nich nigdy nie wiadomo. Ewentualnie stary IE... no cóż, w tym wypadku powinny być kary za korzystanie nadal z IE w niższych wersjach.
Zawsze można zrobić wspomnianą kompresie, ale ustawić plik graficzny warunkowo tylko dla przeglądarek nie obsługujących CSS. Wilk syty i owca cała.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
26.12.2015, 12:52 (Ten post był ostatnio modyfikowany: 26.12.2015, 12:52 przez Matslom.)
#5
@Gandziu Podana przez ficusa strona generuje gradienty dla IE6+, Firefox 3.6+, Safari 5.1+, Chrome 10+. Ile procent użytkowników korzysta ze starszych przeglądarek? Jeżeli ktoś używa to jest ich strata.

BTW: Polecam http://caniuse.com



Użytkownicy przeglądający ten wątek:

3 gości