ਔਨਲਾਈਨ ਟੈਕਸਟ ਸ਼ੈਡੋ CSS ਜਨਰੇਟਰ

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

Controls

2
2
4
50

ਮਲਟੀਪਲ ਸ਼ੈਡੋਜ਼

ਪ੍ਰਸਿੱਧ ਪ੍ਰੀਸੈੱਟ

Preview

ਟੈਕਸਟ ਸ਼ੈਡੋ ਡੈਮੋ

ਟੈਕਸਟ ਸ਼ੈਡੋ ਜਨਰੇਟਰ ਬਾਰੇ

ਵਰਤਣ ਲਈ ਆਸਾਨ

ਸਾਡੇ ਸਹਿਜ ਇੰਟਰਫੇਸ ਨਾਲ ਸੁੰਦਰ ਟੈਕਸਟ ਸ਼ੈਡੋ ਤਿਆਰ ਕਰੋ। ਕਿਸੇ CSS ਗਿਆਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ!

ਪੂਰੀ ਤਰ੍ਹਾਂ ਜਵਾਬਦੇਹ

ਮੋਬਾਈਲ ਫੋਨਾਂ ਤੋਂ ਲੈ ਕੇ ਡੈਸਕਟੌਪ ਕੰਪਿਊਟਰਾਂ ਤੱਕ, ਸਾਰੇ ਡਿਵਾਈਸਾਂ 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ।

ਸਾਫ਼, ਉਤਪਾਦਨ-ਤਿਆਰ CSS ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਤੁਰੰਤ ਵਰਤ ਸਕਦੇ ਹੋ।

ਟੈਕਸਟ ਸ਼ੈਡੋ ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ

1

ਸਲਾਈਡਰਾਂ ਨੂੰ ਐਡਜਸਟ ਕਰੋ

ਸੰਪੂਰਨ ਪਰਛਾਵਾਂ ਬਣਾਉਣ ਲਈ ਖਿਤਿਜੀ ਆਫਸੈੱਟ, ਵਰਟੀਕਲ ਆਫਸੈੱਟ, ਬਲਰ ਰੇਡੀਅਸ ਅਤੇ ਧੁੰਦਲਾਪਨ ਨੂੰ ਸੋਧੋ।

2

ਕੋਈ ਰੰਗ ਚੁਣੋ

ਰੰਗ ਚੋਣਕਾਰ ਜਾਂ ਹੈਕਸ ਕੋਡ ਇਨਪੁੱਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ ਟੈਕਸਟ ਸ਼ੈਡੋ ਲਈ ਕੋਈ ਵੀ ਰੰਗ ਚੁਣੋ।

3

ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਦਾ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ

ਸਾਡੇ ਇੰਟਰਐਕਟਿਵ ਪ੍ਰੀਵਿਊ ਨਾਲ ਦੇਖੋ ਕਿ ਤੁਹਾਡਾ ਟੈਕਸਟ ਸ਼ੈਡੋ ਅਸਲ-ਸਮੇਂ ਵਿੱਚ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।

4

CSS ਕਾਪੀ ਕਰੋ

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

ਪ੍ਰਸਿੱਧ ਟੈਕਸਟ ਸ਼ੈਡੋ ਉਦਾਹਰਨਾਂ

ਨਿਓਨ ਗਲੋ ਪ੍ਰਭਾਵ

ਨਿਓਨ ਗਲੋ ਪ੍ਰਭਾਵ

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

3D ਟੈਕਸਟ ਪ੍ਰਭਾਵ

3D ਟੈਕਸਟ ਪ੍ਰਭਾਵ

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

ਸੂਖਮ ਪਰਛਾਵਾਂ

ਸੂਖਮ ਪਰਛਾਵਾਂ

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

ਅੰਦਰੂਨੀ ਪਰਛਾਵਾਂ

ਅੰਦਰੂਨੀ ਪਰਛਾਵਾਂ

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools