CSS ਗਰੇਡੀਐਂਟ ਕੀ ਹਨ?

CSS ਗਰੇਡੀਐਂਟ ਤੁਹਾਨੂੰ ਦੋ ਜਾਂ ਦੋ ਤੋਂ ਵੱਧ ਰੰਗਾਂ ਵਿਚਕਾਰ ਨਿਰਵਿਘਨ ਤਬਦੀਲੀਆਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ। ਇਹਨਾਂ ਨੂੰ ਤੱਤਾਂ ਲਈ ਪਿਛੋਕੜ ਵਜੋਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਵਿੱਚ ਆਉਂਦੇ ਹਨ:

• ਰੇਖਿਕ ਗਰੇਡੀਐਂਟ:ਇੱਕ ਸਿੱਧੀ ਰੇਖਾ ਦੇ ਨਾਲ ਰੰਗਾਂ ਨੂੰ ਬਦਲੋ।
• ਰੇਡੀਅਲ ਗਰੇਡੀਐਂਟ:ਰੰਗਾਂ ਨੂੰ ਕੇਂਦਰ ਬਿੰਦੂ ਤੋਂ ਬਾਹਰ ਵੱਲ ਬਦਲੋ।
• ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ:ਇੱਕ ਚੱਕਰ ਵਿੱਚ ਇੱਕ ਕੇਂਦਰ ਬਿੰਦੂ ਦੁਆਲੇ ਰੰਗ ਬਦਲੋ।

ਗਰੇਡੀਐਂਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ

ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਸਾਡੇ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਗਰੇਡੀਐਂਟ ਤਿਆਰ ਕਰ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ CSS ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ:

1. ਜਨਰੇਟਰ ਤੋਂ CSS ਕੋਡ ਕਾਪੀ ਕਰੋ।
2. ਇਸਨੂੰ ਆਪਣੀ CSS ਫਾਈਲ ਵਿੱਚ ਪੇਸਟ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਆਪਣੇ HTML ਤੱਤਾਂ ਵਿੱਚ ਇਨਲਾਈਨ ਵਰਤੋ।
3. ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਸੇ ਵੀ ਐਲੀਮੈਂਟ 'ਤੇ ਗਰੇਡੀਐਂਟ ਲਾਗੂ ਕਰੋbackground property.

• ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਗਰੇਡੀਐਂਟ ਪ੍ਰਭਾਵ ਲਈ ਦੋ ਤੋਂ ਵੱਧ ਰੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
• ਤਬਦੀਲੀਆਂ ਕਿੱਥੇ ਹੁੰਦੀਆਂ ਹਨ, ਇਸ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਰੰਗ ਸਥਿਤੀਆਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ।
• ਹੋਰ ਵੀ ਰਚਨਾਤਮਕ ਪ੍ਰਭਾਵਾਂ ਲਈ ਕਈ ਗਰੇਡੀਐਂਟ ਜੋੜੋ।
• ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਲਈ, ਕੇਂਦਰ ਬਦਲਣ ਨਾਲ ਦਿਲਚਸਪ ਪੈਟਰਨ ਬਣਦੇ ਹਨ।
• ਬਾਅਦ ਵਿੱਚ ਵਰਤੋਂ ਲਈ ਆਪਣੇ ਮਨਪਸੰਦ ਗਰੇਡੀਐਂਟ ਸੁਰੱਖਿਅਤ ਕਰੋ।