ਸੁੰਦਰ CSS ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਣਾਓ
ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਲਈ ਸ਼ਾਨਦਾਰ ਗਰੇਡੀਐਂਟ ਟੈਕਸਟ ਪ੍ਰਭਾਵ ਬਣਾਓ
ਗਰੇਡੀਐਂਟ ਕੰਟਰੋਲ
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
ਪ੍ਰਸਿੱਧ ਗਰੇਡੀਐਂਟ
ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
ਆਪਣਾ ਟੈਕਸਟ ਦਰਜ ਕਰੋ
"ਟੈਕਸਟ" ਇਨਪੁਟ ਫੀਲਡ ਵਿੱਚ ਉਹ ਟੈਕਸਟ ਟਾਈਪ ਕਰੋ ਜਿਸ 'ਤੇ ਤੁਸੀਂ ਗਰੇਡੀਐਂਟ ਲਾਗੂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ।
ਗਰੇਡੀਐਂਟ ਕਿਸਮ ਚੁਣੋ
ਲੀਨੀਅਰ, ਰੇਡੀਅਲ, ਜਾਂ ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਕਿਸਮਾਂ ਵਿੱਚੋਂ ਚੁਣੋ।
ਦਿਸ਼ਾ ਜਾਂ ਕੋਣ ਵਿਵਸਥਿਤ ਕਰੋ
ਰੇਖਿਕ ਗਰੇਡੀਐਂਟ ਲਈ, ਇੱਕ ਦਿਸ਼ਾ ਚੁਣੋ। ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਲਈ, ਕੋਣ ਸੈੱਟ ਕਰੋ।
ਰੰਗਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
ਆਪਣਾ ਲੋੜੀਂਦਾ ਗਰੇਡੀਐਂਟ ਬਣਾਉਣ ਲਈ ਰੰਗ ਸਟਾਪਾਂ ਅਤੇ ਉਹਨਾਂ ਦੀਆਂ ਸਥਿਤੀਆਂ ਨੂੰ ਜੋੜੋ, ਹਟਾਓ ਜਾਂ ਵਿਵਸਥਿਤ ਕਰੋ।
CSS ਕਾਪੀ ਕਰੋ ਜਾਂ ਸੇਵ ਕਰੋ
ਤਿਆਰ ਕੀਤੇ CSS ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ ਜਾਂ ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ CSS ਫਾਈਲ ਦੇ ਰੂਪ ਵਿੱਚ ਸੇਵ ਕਰੋ।
ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਬਾਰੇ
CSS ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਤੁਹਾਨੂੰ ਸੁੰਦਰ, ਬਹੁ-ਰੰਗੀ ਗਰੇਡੀਐਂਟ ਸਿੱਧੇ ਟੈਕਸਟ 'ਤੇ ਲਾਗੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ। ਇਹ ਪ੍ਰਭਾਵ ਕਦੇ ਸਿਰਫ ਚਿੱਤਰਾਂ ਨਾਲ ਹੀ ਸੰਭਵ ਸੀ, ਪਰ ਆਧੁਨਿਕ CSS ਇਸਨੂੰ ਸਰਲ ਅਤੇ ਕੁਸ਼ਲ ਬਣਾਉਂਦਾ ਹੈ।
ਬ੍ਰਾਊਜ਼ਰ ਸਹਾਇਤਾ:ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਹਨ, ਜਿਸ ਵਿੱਚ Chrome, Firefox, Safari, ਅਤੇ Edge ਸ਼ਾਮਲ ਹਨ। ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਵਰਗੇ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ, ਟੈਕਸਟ ਇੱਕ ਠੋਸ ਰੰਗ ਵਿੱਚ ਵਾਪਸ ਆ ਜਾਵੇਗਾ।
ਵਰਤੋਂ ਸੁਝਾਅ:ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਬੋਲਡ ਟੈਕਸਟ ਅਤੇ ਉੱਚ-ਕੰਟਰਾਸਟ ਰੰਗ ਸੰਜੋਗਾਂ ਨਾਲ ਸਭ ਤੋਂ ਵਧੀਆ ਕੰਮ ਕਰਦੇ ਹਨ। ਲੋੜੀਂਦਾ ਪ੍ਰਭਾਵ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਵੱਖ-ਵੱਖ ਗਰੇਡੀਐਂਟ ਕਿਸਮਾਂ ਅਤੇ ਦਿਸ਼ਾਵਾਂ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ।
Related Tools
Sass ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Sass ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਪਾਵਰ ਕਨਵਰਟਰ
ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਸ਼ਕਤੀ ਨੂੰ ਸ਼ੁੱਧਤਾ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਬਦਲੋ
ਯੂਨੀਵਰਸਲ ਯੂਨਿਟ ਕਨਵਰਟਰ
ਆਪਣੀਆਂ ਸਾਰੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਸ਼ੁੱਧਤਾ ਨਾਲ ਕਈ ਸ਼੍ਰੇਣੀਆਂ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਬਦਲੋ
CSS ਕਾਲਮ ਜੇਨਰੇਟਰ ਔਨਲਾਈਨ ਟੂਲ
ਕਸਟਮ CSS ਈਜ਼ਿੰਗ ਫੰਕਸ਼ਨ ਬਣਾਓ ਅਤੇ ਕਲਪਨਾ ਕਰੋ