A színátmenet ( gradient )

A színátmenetek segítségével a HTML elemek hátterénél 3D hatásokat hozhatunk létre.

Kettő szín használata esetén a kezdő és végérték között a böngésző egyenletes átmenetet biztosít.

Példánkban az elem egyik oldala sötét- a másik világoskék. A sötét oldaltól haladva a szín egyre világosabb lesz.

Megadhatók közbenső értékek, és azok pozíciói is százalékban vagy hosszmértékben. Ha a közbenső értékekhez nem nem rendelünk pozíciót, akkor arányosan lesznek elhelyezve. (Pl. A harmadik középre kerül.)

Lineáris átmenetnél egy egyenes (gradient-line) mentén jön létre az átmenet. Sugárirányú színátmenetnél egy pontból kiindulva ellipszis alakban jön létre az átmenet.

---

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: hatter_szinatmenet_demo.html