CSS (Stránka 1) / Tvorba webu / Fórum podpory

kksmirice · 2012-08-07 17:25:08

Prosím zkušené tvůrce o radu:
jakým způsobem docílím při použití background-image: linear-gradient kontrastní text v celém rozsahu stránky?

Martin · 2012-08-07 19:00:55

Existuje http://www.thomasfrank.se/downloadableJ ... entText.js resp. http://www.thomasfrank.se/text_color_gradients.html, ale považuji to za největší prasárnu všech prasáren. Nahlédněte do zdrojáku...
Ještě existuje druhý způsob: http://webdesignerwall.com/tutorials/cs ... ext-effect, ale žádný neřeší kontrast vzhledem k pozadí.
Jiné řešení neznám, pokud tedy nějaké vůbec existuje.

kksmirice · 2012-08-07 19:16:54

Díky za odkazy, ale asi jsem se špatně vyjádřil.
Jde mi o použití gradient na pozadí (např. od bílé k černé směrem dolů) a kontrast textu v závislosti na daném pozadí stránky a pozici textu na stránce (tedy opačně od černého textu na vrcholu stránky po bílý v patě stránky).
Tedy pokud takové řešení je relevantní při použití css. Já se obávám, že to asi nelze jen tak jednoduše.

Kdysi jsem na jedno takové řešení na stránkách narazil, ale je to dávno a při mém věku si již nedokáži vzpomenout na adresu stránky . Stáří ale nebolí...

Martin · 2012-08-07 19:23:50

A to není ono? Sice žádný ze způsobů neumožňuje hlídat kontrast (to snad ani pořádně nejde), ale pomocí gradientu http://webdesignerwall.com/tutorials/cr ... s-gradient se udělá pozadí a pomocí opačného gradientu zase text což se řeší v prvním odkazu. http://www.thomasfrank.se/text_gradient ... ample.html Tato ukázka se podle zdrojáku už chová přijatelněji...
Nebo pořád nechápu?

EDIT: http://css-tricks.com/snippets/css/gradient-text/

kksmirice · 2012-08-07 19:46:20

jakási malá ukázka po čem se vlastně pídím... taky nemám rád věci bez názorného příkladu.

Pokud jsem špatně pochopil význam v odkazech - omluva pro špatné hledání. Nebo je možné, že nechápu já.

Martin · 2012-08-07 19:53:08

No, pozadí by bylo a teď je tedy žádoucí, aby byl nahoře text černý a dole světlý? To vše jedním přechodem?
Tak přesně to se řeší zde: http://www.thomasfrank.se/text_color_gradients.html

Body start color: 000000 ; end color: ffffff

kksmirice · 2012-08-07 20:09:19

Asi to půjde.... Díky za pořádný kopanec.

#1 2012-08-07 17:25:08

Re: CSS

#2 2012-08-07 19:00:55

Re: CSS

#3 2012-08-07 19:16:54

Re: CSS

#4 2012-08-07 19:23:50

Re: CSS

#5 2012-08-07 19:46:20

Re: CSS

#6 2012-08-07 19:53:08

Re: CSS

#7 2012-08-07 20:09:19

Re: CSS

Zápatí