ਸੁੰਦਰ CSS ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਣਾਓ

ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਲਈ ਸ਼ਾਨਦਾਰ ਗਰੇਡੀਐਂਟ ਟੈਕਸਟ ਪ੍ਰਭਾਵ ਬਣਾਓ

ਗਰੇਡੀਐਂਟ ਕੰਟਰੋਲ

CSS ਗਰੇਡੀਐਂਟ ਟੈਕਸਟ
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

ਪ੍ਰਸਿੱਧ ਗਰੇਡੀਐਂਟ

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
ਫਲ ਸਲਾਦ
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

1

ਆਪਣਾ ਟੈਕਸਟ ਦਰਜ ਕਰੋ

"ਟੈਕਸਟ" ਇਨਪੁਟ ਫੀਲਡ ਵਿੱਚ ਉਹ ਟੈਕਸਟ ਟਾਈਪ ਕਰੋ ਜਿਸ 'ਤੇ ਤੁਸੀਂ ਗਰੇਡੀਐਂਟ ਲਾਗੂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ।

2

ਗਰੇਡੀਐਂਟ ਕਿਸਮ ਚੁਣੋ

ਲੀਨੀਅਰ, ਰੇਡੀਅਲ, ਜਾਂ ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਕਿਸਮਾਂ ਵਿੱਚੋਂ ਚੁਣੋ।

3

ਦਿਸ਼ਾ ਜਾਂ ਕੋਣ ਵਿਵਸਥਿਤ ਕਰੋ

ਰੇਖਿਕ ਗਰੇਡੀਐਂਟ ਲਈ, ਇੱਕ ਦਿਸ਼ਾ ਚੁਣੋ। ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਲਈ, ਕੋਣ ਸੈੱਟ ਕਰੋ।

4

ਰੰਗਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ

ਆਪਣਾ ਲੋੜੀਂਦਾ ਗਰੇਡੀਐਂਟ ਬਣਾਉਣ ਲਈ ਰੰਗ ਸਟਾਪਾਂ ਅਤੇ ਉਹਨਾਂ ਦੀਆਂ ਸਥਿਤੀਆਂ ਨੂੰ ਜੋੜੋ, ਹਟਾਓ ਜਾਂ ਵਿਵਸਥਿਤ ਕਰੋ।

5

CSS ਕਾਪੀ ਕਰੋ ਜਾਂ ਸੇਵ ਕਰੋ

ਤਿਆਰ ਕੀਤੇ CSS ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ ਜਾਂ ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ CSS ਫਾਈਲ ਦੇ ਰੂਪ ਵਿੱਚ ਸੇਵ ਕਰੋ।

ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਬਾਰੇ

CSS ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਤੁਹਾਨੂੰ ਸੁੰਦਰ, ਬਹੁ-ਰੰਗੀ ਗਰੇਡੀਐਂਟ ਸਿੱਧੇ ਟੈਕਸਟ 'ਤੇ ਲਾਗੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ। ਇਹ ਪ੍ਰਭਾਵ ਕਦੇ ਸਿਰਫ ਚਿੱਤਰਾਂ ਨਾਲ ਹੀ ਸੰਭਵ ਸੀ, ਪਰ ਆਧੁਨਿਕ CSS ਇਸਨੂੰ ਸਰਲ ਅਤੇ ਕੁਸ਼ਲ ਬਣਾਉਂਦਾ ਹੈ।

ਬ੍ਰਾਊਜ਼ਰ ਸਹਾਇਤਾ:ਟੈਕਸਟ ਗਰੇਡੀਐਂਟ ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਹਨ, ਜਿਸ ਵਿੱਚ Chrome, Firefox, Safari, ਅਤੇ Edge ਸ਼ਾਮਲ ਹਨ। ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਵਰਗੇ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ, ਟੈਕਸਟ ਇੱਕ ਠੋਸ ਰੰਗ ਵਿੱਚ ਵਾਪਸ ਆ ਜਾਵੇਗਾ।

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

Related Tools

CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ

ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ

ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ

ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।

CSS ਤੋਂ ਘੱਟ ਪਰਿਵਰਤਕ

ਵੇਰੀਏਬਲ, ਨੇਸਟਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਾਲ ਆਪਣੇ CSS ਕੋਡ ਨੂੰ ਘੱਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।

ਬਾਰਡਰ ਰੇਡੀਅਸ ਜਨਰੇਟਰ

ਇੱਕ ਬਾਰਡਰ-ਰੇਡੀਅਸ CSS ਜਨਰੇਟਰ ਟੂਲ ਜੋ ਬਾਰਡਰ-ਰੇਡੀਅਸ CSS ਘੋਸ਼ਣਾਵਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਤਿਆਰ ਕਰਦਾ ਹੈ।

JSON ਨੂੰ ਜਾਵਾ ਕਲਾਸਾਂ ਵਿੱਚ ਬਦਲੋ

ਸਹੀ ਐਨੋਟੇਸ਼ਨਾਂ ਅਤੇ ਗੇਟਰ/ਸੈਟਰਾਂ ਦੇ ਨਾਲ JSON ਡੇਟਾ ਤੋਂ ਜਾਵਾ ਕਲਾਸਾਂ ਤਿਆਰ ਕਰੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।

XML ਨੂੰ JSON ਵਿੱਚ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਦਲੋ

ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਆਪਣੇ XML ਡੇਟਾ ਨੂੰ ਢਾਂਚਾਗਤ JSON ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।