ਗਰੇਡੀਐਂਟ ਕੰਟਰੋਲ
.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 ਦੀ ਨਕਲ ਕਰੋ।
Sass ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Sass ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
MD5 ਹੈਸ਼ ਜੇਨਰੇਟਰ
MD5 ਹੈਸ਼ ਜਲਦੀ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਤਿਆਰ ਕਰੋ
ਮੁਫ਼ਤ CSS ਬਟਨ ਜਨਰੇਟਰ
Erstellen Sie ansprechende, ਜਵਾਬਦੇਹ Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
ਛੂਟ ਕੈਲਕੁਲੇਟਰ
ਸਾਡੇ ਵਰਤੋਂ ਵਿੱਚ ਆਸਾਨ ਛੂਟ ਕੈਲਕੁਲੇਟਰ ਨਾਲ ਛੋਟਾਂ, ਵਿਕਰੀ ਕੀਮਤਾਂ ਅਤੇ ਬੱਚਤਾਂ ਦੀ ਗਣਨਾ ਕਰੋ।