Գրադիենտի գեներատոր

Ստեղծե՛ք գծային, շառավղային կամ կոնաձև գրադիենտ, ավելացրե՛ք գունային կետեր, սահմանե՛ք ուղղությունը և պատճենե՛ք CSS-ը մեկ կտտոցով:

Գրադիենտի տեսակը
Գունային կետեր
CSS
Կարգավորե՛ք կետերը և ուղղությունը՝ Ձեր գրադիենտը ձևավորելու համար:

Յուրաքանչյուր գրադիենտ գեներացվում է անմիջապես Ձեր բրաուզերում: Ձեր սահմանած տվյալներից ոչինչ չի վերբեռնվում BroBroGo:

ՀՏՀ

Ո՞րն է տարբերությունը linear, radial և conic գրադիենտների միջև:

Գծային (linear) գրադիենտը միախառնում է գույները Ձեր նշած անկյունով ուղիղ գծի երկայնքով: Շառավղային (radial) գրադիենտը տարածում է դրանք կենտրոնից դեպի դուրս՝ շրջանի կամ էլիպսի ձևով: Կոնաձև (conic) գրադիենտը պտտում է գույները կենտրոնի շուրջ՝ գունային անիվի նման:

Որո՞նք են գունային կետերը (color stops):

Յուրաքանչյուր գունային կետ (color stop) գրադիենտի երկայնքով որոշակի դիրքում ամրացված գույն է՝ սկսած 0%-ից մինչև 100%: Տեղաշարժե՛ք կետը՝ փոխելու համար, թե որտեղ է գույնը հասնում իր առավելագույնին, կամ ավելացրե՛ք նոր կետեր ավելի հարուստ անցումների համար: Կարող եք օգտագործել մինչև ութ կետ:

Ինչպե՞ս կառավարել ուղղությունը:

Գծային (linear) կամ կոնաձև (conic) գրադիենտի դեպքում անկյան սահիչը որոշում է ուղղությունը. 0°-ն ուղղված է վերև, 90°-ը՝ աջ: Շառավղային (radial) գրադիենտն անկյուն չունի. դրա փոխարեն ընտրե՛ք շրջանաձև կամ էլիպսաձև տարբերակը՝ տարածման ձևը փոխելու համար: