Hogyan adjunk egy css egy lineáris gradiens a háttérben

Üdvözlöm, hogy a blogomban. Ma szeretném megmutatni, hogyan kell írni a css lineáris gradiens. Ez további lehetőségeket biztosít a kialakítás a helyén, mert a gradiens bizonyos esetekben így sokkal szebben gondoskodjon a különböző elemeket.

szintaxis tulajdonságai

Tehát egy egyszerű lineáris gradiens lehet beállítani az alábbiak szerint:

Ennek megfelelően, nézzük csak helyettesíti, hanem ezek a szavak valódi értéket és meglátjuk, mi történik.

És annyira aranyos gradientik kialakítva az oldalamon. Persze, azt megelőzően, megkérdeztem egy bizonyos blokk mérete (szélesség és magasság). De a lényeg, azt hiszem, nem értett.

Lineáris gradiens szivárvány

Például én irányt változtatott, valamint a hozzá több színben, hogy már láttuk, hogy a kidolgozása a gradiens van egy csomó a szabadság, és meg tudod csinálni a kívánt módon.

Most arra irányul, fentről lefelé. Azt is az összes színt a szivárvány. Kiderült:

Hirtelen átmenetek és kolorstopy

Most itt az ideje, hogy ásni a tulajdonságait szintaxis és megmutatja, hogyan lehet éles átmenetek a színek között. Lásd a kódot:

És úgy néz ki:

Hirtelen átmenetek által lehetővé tett, hogy kértük az úgynevezett kolorstopy. Kapnak százalékában és meghatározza, hogy hol a gradiens lesz a legintenzívebb része a színt. Ahhoz, hogy a jump, meg kell határozni a két szomszédos színek kolorstop ugyanazon a helyen, amit ebben a példában tettük.

Ahogy akkor is rögzíthet színe?

Színezd meg tudja határozni, hogy hogyan szeretné: a kulcsszó, hexa-kód formájában RGB, RGBA, hlc. Röviden, minden lehetséges módon. Így lehetőség van arra, hogy áttetsző színátmenetek, például.

Mi mást is lehetséges?

Nem adhatja meg az irányt a kulcsszó (jobbra, balra, alul), és fok 0 és 360 Így lehetőség van arra, hogy közvetlen átlósan, bár ez történhet két kulcsszó. Így: a jobb felső sarokba - a jobb felső sarokban. Minden más értékeket is.

Ön is érdekelt