ਕਿਵੇਂ ਬਣਾਉਣਾ: ਸਿਹਤਮੰਦ ਸਿਵਰੇ ਚਿੱਤਰ

CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ ‘ਸਿਹਤਮੰਦ ਸਿਵਰੇ’ ਚਿੱਤਰ ਬਣਾਉਣ ਦੇ ਤਰੀਕੇ ਸਿੱਖੋ

ਸਿਹਤਮੰਦ ਸਿਵਰੇ ਚਿੱਤਰ

CSS ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ filter ਇਹ ਗੁਣ ਚਿੱਤਰ ਨੂੰ ਸਿਹਤਮੰਦ ਸਿਵਰੇ ਵਾਲੇ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਦਾ ਹੈ。

ਮੂਲ ਚਿੱਤਰ

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

ਸਾਰੇ ਚਿੱਤਰਾਂ ਦੀ ਰੰਗ ਨੂੰ ਸਿਹਤਮੰਦ ਸਿਵਰੇ (100% ਗ੍ਰੇ)

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