ਸੁੰਦਰ 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
ਸੰਪੂਰਨ ਫਲੈਕਸਬਾਕਸ ਲੇਆਉਟ ਬਣਾਓ
ਸਾਡੇ ਅਨੁਭਵੀ ਡਰੈਗ-ਐਂਡ-ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਨਾਲ CSS ਫਲੈਕਸਬਾਕਸ ਕੋਡ ਦੀ ਕਲਪਨਾ ਕਰੋ, ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਤਿਆਰ ਕਰੋ।
ਸਟਾਈਲਸ ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
SCSS ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਪਰਿਵਰਤਕ
ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਨੂੰ ਸ਼ੁੱਧਤਾ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਬਦਲੋ
ਸਪੀਡ ਯੂਨਿਟ ਕਨਵਰਟਰ
ਆਪਣੀਆਂ ਇੰਜੀਨੀਅਰਿੰਗ, ਵਿਗਿਆਨਕ ਅਤੇ ਰੋਜ਼ਾਨਾ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਸ਼ੁੱਧਤਾ ਨਾਲ ਗਤੀ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਬਦਲੋ
Less ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Less ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।