🌅CSS ଗ୍ରାଡିଏଣ୍ଟ ଜେନେରେଟର

linear, radial ଓ conic ମଧ୍ୟରେ ପାର୍ଥକ୍ୟ

CSS ଗ୍ରାଡିଏଣ୍ଟରେ ରଙ୍ଗ ବଦଳିବା ଢଙ୍ଗ ଅନୁସାରେ ତିନିଟି ଫଙ୍କ୍ସନ ଅଛି, ଏବଂ ସବୁଗୁଡ଼ିକ background ପ୍ରପର୍ଟିରେ ଲେଖି ବ୍ୟବହାର କରାଯାଏ।

• linear-gradient：linear-gradient ହେଉଛି ନିର୍ଦ୍ଦିଷ୍ଟ କୋଣର ସରଳ ରେଖା ଅନୁସାରେ ରଙ୍ଗ ବଦଳୁଥିବା ରେଖୀୟ ଗ୍ରାଡିଏଣ୍ଟ।
• radial-gradient：radial-gradient ହେଉଛି କେନ୍ଦ୍ର ଅବସ୍ଥାନରୁ ବାହାର ଆଡ଼କୁ ବୃତ୍ତ କିମ୍ବା ଉପବୃତ୍ତ ଆକାରରେ ରଙ୍ଗ ବ୍ୟାପୁଥିବା ବୃତ୍ତାକାର ଗ୍ରାଡିଏଣ୍ଟ।
• conic-gradient：conic-gradient ହେଉଛି କେନ୍ଦ୍ର ଅବସ୍ଥାନ ଚାରିପଟେ ଘଣ୍ଟାକଣ୍ଟା ଦିଗରେ ଏକ ଚକ୍କର ବୁଲୁ ବୁଲୁ ରଙ୍ଗ ବଦଳୁଥିବା ଶଙ୍କୁ ଆକାରର ଗ୍ରାଡିଏଣ୍ଟ।

କୋଣ ଓ ଦିଗ କୀୱାର୍ଡର ସମ୍ପର୍କ

linear-gradient ର କୋଣରେ 0deg ତଳୁ ଉପରକୁ ଯାଉଥିବା ଦିଗ ସୂଚାଏ, ଏବଂ ସଂଖ୍ୟା ବଢ଼ିଲେ ଘଣ୍ଟାକଣ୍ଟା ଦିଗରେ ଘୂରେ। କୋଣକୁ “to right” ପରି ଦିଗ କୀୱାର୍ଡରେ ମଧ୍ୟ ଲେଖିହେବ; 90deg ହେଉଛି “to right” ଏବଂ 180deg ହେଉଛି “to bottom” ସହ ସମାନ ଦିଗ।

ରଙ୍ଗ ଷ୍ଟପ୍ ଓ ସ୍ୱଚ୍ଛତା ଲେଖିବା ବିଧି

ରଙ୍ଗ ଷ୍ଟପ୍ (କଲର ଷ୍ଟପ୍) ହେଉଛି ଗ୍ରାଡିଏଣ୍ଟ ଭିତରେ ସେହି ରଙ୍ଗ ଦେଖାଯିବା ଅବସ୍ଥାନ, ଯେଉଁଠି 0% ଆରମ୍ଭ ବିନ୍ଦୁ ଓ 100% ଶେଷ ବିନ୍ଦୁ ଦର୍ଶାଏ। ଉଦାହରଣ ସ୍ୱରୂପ “#3B82F6 0%, #8B5CF6 100%” ହେଉଛି ଆରମ୍ଭ ବିନ୍ଦୁର ନୀଳରୁ ଶେଷ ବିନ୍ଦୁର ବାଇଗଣୀକୁ ରଙ୍ଗ ବଦଳିବାର ନିର୍ଦ୍ଦେଶ।

• #RRGGBB ଫର୍ମାଟ：#RRGGBB ଫର୍ମାଟ ହେଉଛି ଲାଲ, ସବୁଜ ଓ ନୀଳର ତୀବ୍ରତାକୁ ଦୁଇ ଅଙ୍କର ହେକ୍ସାଡେସିମାଲରେ ଦର୍ଶାଇବା ରଙ୍ଗ ଲେଖା ବିଧି; #FF0000 ଏକ ଅସ୍ୱଚ୍ଛ ଲାଲ ରଙ୍ଗ ଦର୍ଶାଏ।
• rgba ଫର୍ମାଟ：rgba ଫର୍ମାଟ ହେଉଛି ଲାଲ, ସବୁଜ ଓ ନୀଳର ମୂଲ୍ୟ (0–255) ସହିତ ସ୍ୱଚ୍ଛତା (0–1) ଯୋଡ଼ାଯାଇଥିବା ରଙ୍ଗ ଲେଖା ବିଧି; ସ୍ୱଚ୍ଛତା 0.5 ଅଧା ସ୍ୱଚ୍ଛ ରଙ୍ଗ ଦର୍ଶାଏ।