HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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.

Példák*


* 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