ਇਸ ਟੂਲ ਬਾਰੇ
ਵਿਜ਼ੂਅਲ ਐਡੀਟਰ ਨਾਲ ਸੁੰਦਰ CSS ਲੀਨੀਅਰ ਅਤੇ ਰੇਡੀਅਲ ਗਰੇਡੀਐਂਟ ਬਣਾਓ। ਰੰਗ ਚੁਣੋ, ਸਟਾਪ ਐਡਜਸਟ ਕਰੋ, ਦਿਸ਼ਾ ਜਾਂ ਕੋਣ ਬਦਲੋ, ਅਤੇ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਅੱਪਡੇਟ ਦੇਖੋ। ਤਿਆਰ ਕੀਤੇ CSS ਕੋਡ ਦੀ ਨਕਲ ਕਰੋ — ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਵਿਕਰੇਤਾ ਪ੍ਰੀਫਿਕਸ ਸਮੇਤ — ਅਤੇ ਇਸਨੂੰ ਸਿੱਧੇ ਆਪਣੀ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
- ਕੀ CSS ਗਰੇਡੀਐਂਟ ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦੇ ਹਨ?
- ਆਧੁਨਿਕ CSS ਗਰੇਡੀਐਂਟ (ਲੀਨੀਅਰ-ਗ੍ਰੇਡੀਐਂਟ, ਰੇਡੀਅਲ-ਗਰੇਡੀਐਂਟ) ਸਾਰੇ ਮੌਜੂਦਾ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਹਨ ਜਿਸ ਵਿੱਚ Chrome, Firefox, Safari, ਅਤੇ Edge ਸ਼ਾਮਲ ਹਨ। ਟੂਲ ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰ ਸੰਸਕਰਣਾਂ ਲਈ -webkit- ਅਗੇਤਰ ਬਣਾ ਸਕਦਾ ਹੈ।
- ਕੀ ਮੈਂ ਮਲਟੀ-ਕਲਰ ਗਰੇਡੀਐਂਟ ਬਣਾ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ। ਜਿੰਨੇ ਤੁਹਾਨੂੰ ਲੋੜੀਂਦੇ ਰੰਗ ਦੇ ਸਟਾਪ ਸ਼ਾਮਲ ਕਰੋ। ਤੁਸੀਂ ਇਹ ਨਿਯੰਤਰਣ ਕਰਨ ਲਈ ਹਰੇਕ ਸਟਾਪ ਦੀ ਸਥਿਤੀ ਨੂੰ ਵੀ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਰੰਗ ਕਿੱਥੇ ਮਿਲਦੇ ਹਨ। ਇਹ ਗੁੰਝਲਦਾਰ ਸਤਰੰਗੀ ਪੀਂਘ, ਸੂਰਜ ਡੁੱਬਣ, ਜਾਂ ਕਸਟਮ ਬ੍ਰਾਂਡ ਗਰੇਡੀਐਂਟ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
- ਰੇਖਿਕ ਅਤੇ ਰੇਡੀਅਲ ਗਰੇਡੀਐਂਟ ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?
- ਰੇਖਿਕ ਗਰੇਡੀਐਂਟ ਇੱਕ ਸਿੱਧੀ ਰੇਖਾ (ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ, ਖੱਬੇ ਤੋਂ ਸੱਜੇ, ਵਿਕਰਣ, ਜਾਂ ਕੋਈ ਵੀ ਕੋਣ) ਦੇ ਨਾਲ ਰੰਗਾਂ ਨੂੰ ਬਦਲਦੇ ਹਨ। ਰੇਡੀਅਲ ਗਰੇਡੀਐਂਟ ਇੱਕ ਗੋਲਾਕਾਰ ਜਾਂ ਅੰਡਾਕਾਰ ਸ਼ਕਲ ਵਿੱਚ ਇੱਕ ਕੇਂਦਰ ਬਿੰਦੂ ਤੋਂ ਰੰਗਾਂ ਨੂੰ ਬਾਹਰ ਵੱਲ ਬਦਲਦੇ ਹਨ।
- ਕੀ ਮੈਂ ਟੈਕਸਟ ਲਈ ਬੈਕਗ੍ਰਾਉਂਡ ਵਜੋਂ ਗਰੇਡੀਐਂਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ। ਬੈਕਗ੍ਰਾਉਂਡ-ਕਲਿੱਪ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਟੈਕਸਟ 'ਤੇ ਗਰੇਡੀਐਂਟ ਲਾਗੂ ਕਰਨ ਲਈ -webkit-text-fill-color: ਪਾਰਦਰਸ਼ੀ ਨਾਲ ਟੈਕਸਟ। ਤਿਆਰ ਕੀਤਾ CSS ਗਰੇਡੀਐਂਟ ਪਰਿਭਾਸ਼ਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ — ਇਸਨੂੰ ਗਰੇਡੀਐਂਟ ਟੈਕਸਟ ਲਈ ਇਹਨਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਜੋੜੋ।