ugrás a tartalomhoz

css3 div háttere

Peete · 2012. Szep. 16. (V), 15.49
Üdv!

ugye ccs-sel kialakított kinézetnél adott a lehetőség egy terület háttérszínének beállítására
  1. <div id="nev">  
  2. xyz  
  3. </div>  
, majd css-ben:
  1. #nev {  
  2. background-color: #012345;  
  3. }  
CSS3 lehetőséget ad színátmenetes háttérre:
linear-gradient(szin1, szin2);

viszont kerestem, de nem találtam, ezért kérdezném, hogy olyan opció nincs, hogy két szín, de nincs átmenet? (=pl a 100px magas div felső 50px kék, az alsó 50px zöld)
‹ Divek között váltás animáltan Position:absolute és a magasság ›
 ■
1

Olyan nincs. De miért nem

kuka · 2012. Szep. 16. (V), 16.09
Olyan nincs. De miért nem elég csak az átmenet hosszával játszani? Például így: http://dabblet.com/gist/3732578.
3

köszi,..

Peete · 2012. Szep. 16. (V), 16.49
és ha konkrét dologhoz kéne, akkor valóban elég, és jó ötlet, köszi..

De most csak így elméletben érdekelt, hogyha egy olyan összetett dologra, mint a színátmenet, van css3 megoldás, akkor hogyhogy nincs egy olyan sokkal triviálisabbra, mint ez (bár a magyarázat gondolom az, hogy nem lenne nagyon sok felhasználási lehetősége...)

Mindenesetre köszi, jó tudni!
4

Végül is az is kivitelezhető

kuka · 2012. Szep. 16. (V), 17.12
Végül is az is kivitelezhető több háttér használatával. Sajnálatosan módon ez viszont színekre nem vonatkozik, csak képekre. Például: http://dabblet.com/gist/3732788.
2

Az átmenet hosszát nullára

Joó Ádám · 2012. Szep. 16. (V), 16.30
Az átmenet hosszát nullára veszed, és kész is.
5

A caniuse szerint jelenleg

Hidvégi Gábor · 2012. Szep. 16. (V), 18.49
A caniuse szerint jelenleg egy böngésző sem támogatja hivatalosan a css átmeneteket.
6

Előtaggal az IE-n kívül

Joó Ádám · 2012. Szep. 16. (V), 19.36
Előtaggal az IE-n kívül minden jelentős.
7

tessék:

vmarci21 · 2012. Szep. 21. (P), 15.47
A Dynamicdrive css tárában ott van: http://www.dynamicdrive.com/style/csslibrary/item/css3_linear_gradients/

Nézd a 7, 8, 9, 10 -es példát. Látsz benne olyat hogy 30% , 40% (tehát valamilyen százalék), ezt átírod azonos étrékre. Pl.:

  1. yellow 30%, white 30%)  
ill.:
  1. color-stop(30%, yellow), color-stop(30%, white)  
(az 1ik kódot az ie, a másikat a normális böngészők támogatják.)