Autor Zpráva
Anonymní
Profil *
Jak děláte gradient na pozadí celé stránky?

V grafickém editoru jsem si jeden takový vytvořil, ale nevím jak ho zapsat pomocí css. Napadá mě udělat proužek a ten pomocí repeat nechat opakovat, jenže je to přes celou obrazovku a to bude mít asi hodně kb.
flying gentleman
Profil
ne,nebude, protoze se bude stahovat jen ten prouzek, ktery nemusi mit ani 1kB, z mych zkusenosti, ja jsem si udelal prouzek 750px sirokej a asi 5px vysokej a ma 482b!!!
Anonymní
Profil *
hmm. A jak to bude když chci udělat přechod od vrchní části po spodní?
Plaváček
Profil
No uděláš si obrázek 5px širokej a 750px vysokej a ten necháš opakovat ve svislý ose

background: url('obrazek.jpg') repeat-y
flying gentleman
Profil
jak proste, ale pritom elegantni, jestli se nemylim:)
Anonymní
Profil *
no jo, ale co když ta stránka bude větší než 750 px? nevím jak ta stránka bude vysoká
Plaváček
Profil
No, barvu pozadí na těle dokumentu (BODY) si zvolíš takovou, jaká se vyskytuje až na dolním konci toho obrázku, aby přechod plynule splynul s barvou pozadí.

Třeba takhle:

http://klient.plavacek.net/gradient.html
FantomX1
Profil
Alebo je este jedno riesenie, nastavit poyadiu background-attachment: fixed, cim docielis to ze obrazok sa bude pevne drzat viewportu a nebudes mat ziadne problemy ani ked stranka bude vacsia ako 750px
Toto téma je uzamčeno. Odpověď nelze zaslat.

0