CSS3 farebný prechod

21. 10. 2012 12:44:06

Prosím Vás, ako sa dá cez CSS3 zabezpečiť farebný prechod, no to v takom zmysle, že prechod bude prebiehať na posledných 100px stránky (vertikálne).

Aktuálne mám tento kód:

V hornej časti stránky to je jednoduché, keďže prechádzam z 0 na 100px, lenže ako to mám urobiť na spodu stránky, keď veľkosť nie je statická a pri každej stránke je iná?

Aktuálne tam mám nastavené percentá (lenže to nie je moc dobré napr pri stránke s celkovou veľkosťou 2000px sa ten prechod aplikuje už na posledných 400px, a to je strašne moc).

Ďakujem

21. 10. 2012 12:44:06

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822134

RoyalManG

(1 hodnocení)

21. 10. 2012 13:32:23

Ja by som to riešil vytvorením obrázka 1px širokým prechodom a vysokým 100px potom to riešil takýmto zápisom:

background: #farba_pozada url('images/nazov_obrazka_prechodu.png') x-repeat bottom left;

#farba_pozadia - zvolil by som farbu, ktorou by začínal prechod, aby vzniklo plynulé nadviazanie background farby s background obrázkom.

21. 10. 2012 13:32:23

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822133

Matúš Markusek

(10 hodnocení)

21. 10. 2012 13:39:56

To áno, to sa dá, len je problém, keďže mám prechod hore i dole a dvojité nastavenie backgroundu sa bije.

21. 10. 2012 13:39:56

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822132

RoyalManG

(1 hodnocení)

21. 10. 2012 13:43:46

Zrejme nastavuješ background na "body" stránky. Čo tak rozdeliť stránku na viac častí ako header, main, footer a nastaviť pre jednotlivé časti stránky background aký potrebuješ.

21. 10. 2012 13:43:46

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822131

Matúš Markusek

(10 hodnocení)

21. 10. 2012 14:04:41

Ja mám takto rozdelenú ja potrebujem takéto pozadie pre článok. A ešte deliť článok na ďalšie divy mi nepríde moc praktické. Preto chcem vedieť či CSS3 vie uľahčiť prácu v tomto smere.

21. 10. 2012 14:04:41

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822130

RoyalManG

(1 hodnocení)

21. 10. 2012 14:23:57

Tak v tom prípade skús potrápiť kamaráta Google. ;)

21. 10. 2012 14:23:57

https://webtrh.cz/diskuse/css3-farebny-prechod#reply822129

Pro odpověď se přihlašte.

Přihlásit