ਕਿਵੇਂ ਬਣਾਉਣਾ: ਇਮੇਜ਼ ਪ੍ਰਭਾਵ ਜੋੜਣਾ

ਇਮੇਜ਼ ਵਿੱਚ ਵਿਜੁਅਲ ਪ੍ਰਭਾਵ ਜੋੜਣ ਕਿਵੇਂ ਸਿੱਖਣਾ?

ਇਮੇਜ਼ ਫਿਲਟਰ

CSS filter ਪੈਰਾਮੀਟਰ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਭਾਵ ਜੋੜਦੇ ਹਨ (ਜਿਵੇਂ ਕਿ ਮਸ਼ਕਰਾ ਅਤੇ ਸੰਵਹਨ) ਵੱਲੋਂ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਜੋੜਦੇ ਹਨ。

ਧਿਆਨ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ, ਐਜ਼ੂਰੇ 12 ਜਾਂ ਸੈਫਾਰੀ 5.1 ਅਤੇ ਪਹਿਲੇ ਵਰਜਨਾਂ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਹੈ filter ਪੈਰਾਮੀਟਰ

ਸਾਰੇ ਇਮੇਜ਼ਾਂ ਦੇ ਰੰਗ ਨੂੰ ਸਿਆਹ-ਸਫੇਦ (100% ਗ੍ਰੇ) ਬਦਲੋ:

ਮੂਲ ਇਮੇਜ਼

ਗ੍ਰੇਸਕੇਲ (100%);

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

ਸਾਰੇ ਇਮੇਜ਼ਾਂ 'ਤੇ ਮਸ਼ਕਰਾ ਲਾਗੂ ਕਰੋ:

ਮੂਲ ਇਮੇਜ਼

ਮਸ਼ਕਰਾ (5 ਪਿਕਸਲ);

img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}