Skocz do zawartości

Zdjęcie
- - - - -

CSS - dwukolorowe tło (podzielone na pół)


6 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
interact
0
Neutralna

Napisano 28 października 2015 - 12:31

#1

Chcę tło na jednej z podstron zrobić w dwóch kolorach. 
Do połowy od lewej niech będzie białe, a od prawej szare. Jak taki efekt osiągnąć w CSS? Próbowałem z gradiendem, ale czasmi to mruga


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 28 października 2015 - 14:28

#2

Ja bym to tak zrobił:
 

.background{
   position: relative;
   background: #fff;
}

.background:after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%:
   background: #ccc;
}

Ewentualnie tak: http://jsfiddle.net/PLfLW/1704/


  • 1

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 28 października 2015 - 14:44

#3

Oba rozwiązania imo dobre, choć ten z jsfiddle chyba bardziej kompatybilny wstecz :)


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 28 października 2015 - 14:58

#4

Oba rozwiązania imo dobre, choć ten z jsfiddle chyba bardziej kompatybilny wstecz :)

Pierwsze moje z palca, drugie ze stackoverflow. Ja już się nie czaję z beforami i afterami.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 28 października 2015 - 15:19

#5

Ja też, ale warto zaznaczyć :)


  • 0

webDeveloper


karolgorecki

    Nowy użytkownik

  • 17 postów
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Napisano 20 grudnia 2015 - 21:05

#6

Ja bym też zrobił za pomocą gradientów.
Tak na szybko  (mi nic nie mruga ;) )


  • 0

Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 10 stycznia 2016 - 02:06

#7

Ja też, ale warto zaznaczyć :)

Warto zaznaczyć że IE ma EOL za dwa dni.
Więc tak jak Zonic rzekł, nie ma się co czaić.

Ja bym mimo wszystko wplótł jakiś kontener pozycjonowany absolutnie, 50% szerokości, dosunięty do prawej strony. A jednolite tło dla <html>


  • 0





Podone tematy Collapse

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych