🎚️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 ਉਸ ਐਲੀਮੈਂਟ ਦੇ ਪਿੱਛੇ ਦਿਸਦੇ ਹਿੱਸੇ ਉੱਤੇ ਪ੍ਰਭਾਵ ਲਾਉਣ ਵਾਲੀ ਪ੍ਰਾਪਰਟੀ ਹੈ ਅਤੇ ਧੁੰਦਲੇ ਸ਼ੀਸ਼ੇ ਵਰਗੀ ਦਿੱਖ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ।