ਸੁੰਦਰ 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
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
CSS ਤੋਂ ਘੱਟ ਪਰਿਵਰਤਕ
ਵੇਰੀਏਬਲ, ਨੇਸਟਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਾਲ ਆਪਣੇ CSS ਕੋਡ ਨੂੰ ਘੱਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
RGB ਤੋਂ CMYK
ਪ੍ਰਿੰਟ ਡਿਜ਼ਾਈਨ ਲਈ RGB ਰੰਗਾਂ ਨੂੰ CMYK ਮੁੱਲਾਂ ਵਿੱਚ ਬਦਲੋ
HEX ਤੋਂ Pantone
ਪੇਸ਼ੇਵਰ ਡਿਜ਼ਾਈਨ ਲੋੜਾਂ ਲਈ HEX ਰੰਗ ਕੋਡਾਂ ਨੂੰ ਪੈਨਟੋਨ ਮੈਚਿੰਗ ਸਿਸਟਮ® ਰੰਗਾਂ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਬਦਲੋ।
ਦਸ਼ਮਲਵ ਤੋਂ ਔਕਟਲ
ਦਸ਼ਮਲਵ ਸੰਖਿਆਵਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਔਕਟਾਲ ਵਿੱਚ ਬਦਲੋ