🎚️CSS ଫିଲ୍ଟର ଜେନେରେଟର

filter ର ଫଙ୍କସନ ଓ ଏକକ

CSS ର filter ପ୍ରପର୍ଟି ହେଉଛି ଛବି ବା ଏଲିମେଣ୍ଟର ଦେଖାଯିବା ରୂପରେ ପ୍ରଭାବ ଲଗାଇବା ପ୍ରପର୍ଟି, ଏଥିରେ blur ବା sepia ଭଳି ଫଙ୍କସନଗୁଡ଼ିକୁ ଗୋଟିଏ ସ୍ପେସରେ ଅଲଗା କରି ଲେଖାଯାଏ।

• px (ପିକ୍ସେଲ)：blur ଫଙ୍କସନ ବ୍ଲରର ବ୍ୟାସାର୍ଦ୍ଧକୁ px ରେ ନିର୍ଦ୍ଦିଷ୍ଟ କରେ; 4px ଦେଲେ 4 ପିକ୍ସେଲ ବ୍ୟାସାର୍ଦ୍ଧ ପରିସରରେ ରଙ୍ଗ ମିଶିଯାଏ।
• % (ପ୍ରତିଶତ)：brightness ଓ sepia ଫଙ୍କସନ ପ୍ରଭାବର ତୀବ୍ରତାକୁ % ରେ ନିର୍ଦ୍ଦିଷ୍ଟ କରେ; brightness ଫଙ୍କସନରେ 100% ହେଉଛି ମୂଳ ଉଜ୍ଜ୍ୱଳତା ଏବଂ 120% ହେଉଛି 20% ଅଧିକ ଉଜ୍ଜ୍ୱଳ ଅବସ୍ଥା।
• deg (ଡିଗ୍ରୀ)：hue-rotate ଫଙ୍କସନ ରଙ୍ଗଚକ୍ର ଉପରେ ରଙ୍ଗ ଘୂରାଇବା କୋଣକୁ deg ରେ ନିର୍ଦ୍ଦିଷ୍ଟ କରେ; 180deg ଦେଲେ ରଙ୍ଗ ବିପରୀତ ପାର୍ଶ୍ୱର ରଙ୍ଗକୁ ଯାଏ।

ଲେଖିବା କ୍ରମ ବଦଳିଲେ ଫଳ କାହିଁକି ବଦଳେ

filter ରେ ସଜାଯାଇଥିବା ଫଙ୍କସନଗୁଡ଼ିକ ବାମରୁ କ୍ରମାନ୍ୱୟରେ ପ୍ରୟୋଗ ହୁଏ ଏବଂ ପୂର୍ବ ପ୍ରଭାବର ଫଳ ଉପରେ ପରବର୍ତ୍ତୀ ପ୍ରଭାବ ଲାଗେ, ତେଣୁ କ୍ରମ ବଦଳିଲେ ଦେଖାଯିବା ରୂପ ମଧ୍ୟ ବଦଳିପାରେ। ଉଦାହରଣ ସ୍ୱରୂପ, ସାଦା-କଳା କରିସାରି ସେପିଆ ଲଗାଇଲେ ବାଦାମୀ ଆଭା ରହିଯାଏ, ଆଉ ସେପିଆ ଲଗାଇସାରି ସାଦା-କଳା କଲେ ବାଦାମୀ ଆଭା ଲିଭିଯାଏ। ଏହି ଟୁଲରେ ପ୍ରୟୋଗ କ୍ରମ ସ୍ଥିର ଅଛି, ତଥାପି ତିଆରି ହୋଇଥିବା CSS କୋଡ୍ ସମ୍ପାଦନ କରି କ୍ରମ ବଦଳାଇ ପାରିବେ।

backdrop-filter ସହ ପାର୍ଥକ୍ୟ

filter ଓ backdrop-filter ଏକା ଫଙ୍କସନ ବ୍ୟବହାର କରିପାରୁଥିବା ପ୍ରପର୍ଟି, କିନ୍ତୁ ପ୍ରଭାବ ଲାଗୁଥିବା ଲକ୍ଷ୍ୟ ଅଲଗା।

• filter：filter ହେଉଛି ନିର୍ଦ୍ଦିଷ୍ଟ ଏଲିମେଣ୍ଟ ନିଜେ (ଛବି ବା ଅକ୍ଷର ଆଦି) ର ଦେଖାଯିବା ରୂପରେ ପ୍ରଭାବ ଲଗାଉଥିବା ପ୍ରପର୍ଟି।
• backdrop-filter：backdrop-filter ହେଉଛି ନିର୍ଦ୍ଦିଷ୍ଟ ଏଲିମେଣ୍ଟ ପଛରେ ଦେଖାଯାଉଥିବା ଅଂଶରେ ପ୍ରଭାବ ଲଗାଉଥିବା ପ୍ରପର୍ଟି, ଯାହା ଧୂସର କାଚ ଭଳି ପ୍ରକାଶ ପାଇଁ ବ୍ୟବହୃତ ହୁଏ।