🎚️CSS ಫಿಲ್ಟರ್ ಜನರೇಟರ್

ಫಿಲ್ಟರ್‌ನ ಕಾರ್ಯ ಮತ್ತು ಘಟಕ

CSS ನ filter ಗುಣಲಕ್ಷಣವು ಚಿತ್ರ ಅಥವಾ ಅಂಶದ ನೋಟಕ್ಕೆ ಪರಿಣಾಮವನ್ನು ಅನ್ವಯಿಸುವ ಗುಣಲಕ್ಷಣವಾಗಿದ್ದು, blur, sepia ಮುಂತಾದ ಫಂಕ್ಷನ್‌ಗಳನ್ನು ಅರ್ಧ-ಅಗಲದ ಸ್ಪೇಸ್‌ನಿಂದ ಬೇರ್ಪಡಿಸಿ ಸಾಲಾಗಿ ಬರೆಯಲಾಗುತ್ತದೆ.

• px (ಪಿಕ್ಸೆಲ್)：blur ಫಂಕ್ಷನ್ ಮಸುಕಿನ ತ್ರಿಜ್ಯವನ್ನು px ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಫಂಕ್ಷನ್ ಆಗಿದ್ದು, 4px ನೀಡಿದರೆ 4 ಪಿಕ್ಸೆಲ್ ತ್ರಿಜ್ಯದ ವ್ಯಾಪ್ತಿಯಲ್ಲಿ ಬಣ್ಣಗಳು ಬೆರೆಯುತ್ತವೆ.
• % (ಶೇಕಡಾ)：brightness ಫಂಕ್ಷನ್ ಮತ್ತು sepia ಫಂಕ್ಷನ್ ಪರಿಣಾಮದ ತೀವ್ರತೆಯನ್ನು % ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಫಂಕ್ಷನ್‌ಗಳಾಗಿದ್ದು, brightness ಫಂಕ್ಷನ್‌ನಲ್ಲಿ 100% ಎಂದರೆ ಮೂಲ ಪ್ರಕಾಶಮಾನತೆ, 120% ಎಂದರೆ 20% ಹೆಚ್ಚು ಪ್ರಕಾಶಮಾನವಾದ ಸ್ಥಿತಿ.
• deg (ಡಿಗ್ರಿ)：hue-rotate ಫಂಕ್ಷನ್ ಬಣ್ಣ ಚಕ್ರದ ಮೇಲೆ ಬಣ್ಣವನ್ನು ತಿರುಗಿಸುವ ಕೋನವನ್ನು deg ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಫಂಕ್ಷನ್ ಆಗಿದ್ದು, 180deg ನೀಡಿದರೆ ಬಣ್ಣವು ಎದುರು ಬದಿಯ ವರ್ಣಕ್ಕೆ ಸರಿಯುತ್ತದೆ.

ಬರೆಯುವ ಕ್ರಮದಲ್ಲಿ ಫಲಿತಾಂಶ ಏಕೆ ಬದಲಾಯಿತು

filter ನಲ್ಲಿ ಸಾಲಾಗಿ ಬರೆದ ಫಂಕ್ಷನ್‌ಗಳು ಎಡದಿಂದ ಕ್ರಮವಾಗಿ ಅನ್ವಯವಾಗುತ್ತವೆ; ಹಿಂದಿನ ಪರಿಣಾಮ ಅನ್ವಯಿಸಿದ ಫಲಿತಾಂಶದ ಮೇಲೆ ಮುಂದಿನ ಪರಿಣಾಮ ಅನ್ವಯವಾಗುವುದರಿಂದ, ಕ್ರಮ ಬದಲಾದರೆ ನೋಟವೂ ಬದಲಾಗಬಹುದು. ಉದಾಹರಣೆಗೆ ಕಪ್ಪು-ಬಿಳುಪು ಮಾಡಿದ ನಂತರ ಸೆಪಿಯಾ ಅನ್ವಯಿಸಿದರೆ ಕಂದು ಛಾಯೆ ಉಳಿಯುತ್ತದೆ, ಸೆಪಿಯಾ ಅನ್ವಯಿಸಿದ ನಂತರ ಕಪ್ಪು-ಬಿಳುಪು ಮಾಡಿದರೆ ಕಂದು ಛಾಯೆ ಮಾಯವಾಗುತ್ತದೆ. ಈ ಸಾಧನದಲ್ಲಿ ಅನ್ವಯಿಸುವ ಕ್ರಮ ಸ್ಥಿರವಾಗಿದೆ, ಆದರೆ ರಚಿಸಲಾದ CSS ಕೋಡ್ ಅನ್ನು ಸಂಪಾದಿಸುವ ಮೂಲಕ ಕ್ರಮವನ್ನು ಬದಲಾಯಿಸಬಹುದು.

backdrop-filter ಅಂತರ

ಫಿಲ್ಟರ್ ಮತ್ತು backdrop-filter ಒಂದೇ ಕಾರ್ಯವನ್ನು ಬಳಸಬಹುದಾದ ಗುಣಾಂಶ, ಆದರೆ ಪರಿಣಾಮವನ್ನು ಅನ್ವಯಿಸುವ ಲಕ್ಷ್ಯವು ಭಿನ್ನವಾಗಿದೆ.

• filter：ಫಿಲ್ಟರ್ ನಿರ್ದಿಷ್ಟ ಪದಾರ್ಥವಸ್ತುವು ತನ್ನ (ಪ್ರತಿಬಿಂಬ ಅಥವಾ ಪಠ್ಯ ಇತ್ಯಾದಿ) ನೋಟಕ್ಕೆ ಪರಿಣಾಮವನ್ನು ಅನ್ವಯಿಸುವ ಗುಣಾಂಶ.
• backdrop-filter：backdrop-filter ಎಂಬುದು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಅಂಶದ ಹಿಂದೆ ಕಾಣುವ ಭಾಗಕ್ಕೆ ಪರಿಣಾಮವನ್ನು ಅನ್ವಯಿಸುವ ಗುಣಲಕ್ಷಣವಾಗಿದ್ದು, ಮಬ್ಬು ಗಾಜಿನಂತಹ ನೋಟಕ್ಕೆ ಬಳಸಲಾಗುತ್ತದೆ.