Aki kicsit korábban kezdett foglalkozni webfejlesztéssel az tudja, hogy egy szimpla színátmenetes gomb vagy akármi előállítása is milyen fájdalmas tudott lenni. És ha még le is volt kerekítve....

Szerencsére ez már azért egy jó ideje nem téma, a CSS tud egy csomó mindent, amikkel gyakorlatilag teljesen képek nélkül előállítható egy weboldal felülete. Hiszen használhatók árnyékok, színátmenetek, lekerekítések, stb.

A színátmenetek előállításához számtalan eszköz fellelhető, amelyekkel gyorsan, pár kattintással a teljes kód generálható.

A cssgradient.io is ilyen:



Tetszőleges mennyiségű színből állíthatók elő lineáris vagy sugárirányú színátmenetek.

Alapból 3 szín van beállítva, de lefele húzva törölhető a szín.



De nem csak törölhető, hanem balra-jobbra is mozgatható.

Rákattintva pedig beállítható a színe, akár kiválasztva, akár színkóddal megadva.



A szín sávra kattintva további színek hozzáadhatók:



Kicsit lejjebb pedig ott van a CSS kód is:



És itt vannak kész színek is.

Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!