ਸਭ ਤੋਂ ਵਧੀਆ ਮੁਫਤ CSS ਬਾਕਸ ਸ਼ੈਡੋ ਜਨਰੇਟਰ

ਲਾਈਵ ਝਲਕ, ਇੰਸਟਾਲ ਅਤੇ ਦੂਜੀ ਪਰਤ ਨਾਲ CSS ਬਾਕਸ- ਸ਼ੈਡੋ ਵੇਖੋ - ਕੋਡ ਕਾਪੀ ਕਰੋ ।

100% ਮੁਫਤ ਕੋਈ ਸਾਈਨ- ਅੱਪ ਨਹੀਂ ਕੋਈ ਵਾਟਰਮਾਰਕ ਨਹੀਂ
AI ਮਾਡਲਾਂ ਲਈ ਵਧੀਆ Go Pro - ਚਿੱਤਰ, ਵੀਡੀਓ ਅਤੇ ਗੱਲਬਾਤ - ਨਾਲ ਹੀ ਵੱਡੇ ਅੱਪਲੋਡ, ਕਤਾਰ ਵਿੱਚ ਤਰਜੀਹ ਅਤੇ ਕੋਈ ਉਡੀਕ ਨਹੀਂ ਹੈ। ਪਰੋ ਲਈ ਅੱਪਗਰੇਡ
ਪਿਆਰ Best.Free? ਸਾਂਝਾ ਕਰੋ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

  1. ਸਲਾਇਡਰ ਹਿਲਾਓ. ਆਫਸੈੱਟ, ਬਲਰ, ਫੈਲਾਅ, ਰੰਗ ਅਤੇ ਧੁੰਦਲਾਪਨ ਸੈੱਟ ਕਰੋ; ਜੇਕਰ ਤੁਸੀਂ ਅੰਦਰੂਨੀ ਸ਼ੈਡੋ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਇੰਸਟਾਲ ਬਦਲੋ ।
  2. ਝਲਕ ਵੇਖੋ. ਜਦੋਂ ਤੁਸੀਂ ਲਿਜਾਓ ਤਾਂ ਲਾਈਵ ਬਕਸਾ ਅੱਪਡੇਟ ਹੁੰਦਾ ਹੈ; ਡੂੰਘਾਈ ਲਈ ਤਕਨੀਕੀ ਚੋਣਾਂ ਵਿੱਚ ਇੱਕ ਦੂਜਾ ਲੇਅਰ ਸ਼ਾਮਲ ਕਰੋ ।
  3. CSS ਕਾਪੀ ਕਰੋ. CSS ਕਾਪੀ ਕਰੋ ਦਬਾਓ ਅਤੇ ਬਾਕਸ- ਸ਼ੈਡੋ ਨਿਯਮ ਨੂੰ ਆਪਣੇ ਸਟਾਇਲਸ਼ੀਟ ਵਿੱਚ ਸਿੱਧਾ ਚੇਪੋ ।

ਇਸ ਟੂਲ ਬਾਰੇ

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

ਲੋਕ ਇਸ ਨੂੰ ਕੀ ਲਈ ਵਰਤਦੇ ਹਨ

  • ਕਾਰਡ ਅਤੇ ਮੋਡਲ ਲਈ ਇੱਕ ਨਰਮ ਛਾਂ ਸ਼ਾਮਲ
  • ਇੰਪੁੱਟ ਅਤੇ ਵੈਲ ਲਈ ਅੰਦਰੂਨੀ (ਅੰਨ੍ਹੀ) ਸ਼ੈਡੋ ਬਣਾਓ
  • ਇੱਕ ਅਸਲੀ, ਫੈਲਿਆ ਸ਼ੈਡੋ ਲਈ ਦੋ ਲੇਅਰ ਸਟੈਕ ਕਰੋ
  • ਡਿਜ਼ਾਇਨ ਮੋਕਪ ਨਾਲ ਮਿਲਾਉਣ ਲਈ ਆਫਸੈੱਟ ਅਤੇ ਬਲਰ ਟੂਲ ਕਰੋ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

X/Y ਆਫਸੈੱਟ ਸ਼ੈਡੋ ਨੂੰ ਹਰੀਜੱਟਲ ਅਤੇ ਵਰਟੀਕਲ ਮੋਡ ਵਿੱਚ ਤਬਦੀਲ ਕਰਦਾ ਹੈ, ਬਲਰ ਇਸ ਦੇ ਕੋਨੇ ਨੂੰ ਨਰਮ ਕਰਦਾ ਹੈ, ਅਤੇ ਬਲਰ ਲਾਗੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਪੂਰੀ ਸ਼ੈਡੋ ਨੂੰ ਵਧਾਉਂਦਾ ਜਾਂ ਘਟਾਉਂਦਾ ਹੈ। ਲਾਈਵ ਝਲਕ ਹਰੇਕ ਤਬਦੀਲੀ ਨੂੰ ਤੁਰੰਤ ਵੇਖਾਉਂਦੀ ਹੈ।

ਇੰਸਟਾਲ ਸ਼ੈਡੋ ਨੂੰ ਇਕਾਈ ਦੇ ਅੰਦਰ ਹੀ ਬਣਾਉਦਾ ਹੈ, ਨਾ ਕਿ ਪਿੱਛੇ, ਜੋ ਕਿ ਇੱਕ ਦਬਾਅ- ਹੇਠਾਂ ਦਿੱਖ ਦਿੰਦਾ ਹੈ - ਇੰਪੁੱਟ ਅਤੇ ਟੋਲਕ ਲਈ ਫਾਇਦੇਮੰਦ ਹੈ । ਟੋਲਕ ਨੂੰ ਬਦਲਣ ਲਈ ਫਲਿੱਪ ਕਰੋ ।

ਇੱਕ ਰੰਗ ਚੁਣੋ, ਫਿਰ ਧੁੰਦਲਾਪਨ ਸਲਾਈਡਰ ਵਰਤੋਂ; ਟੂਲ ਇੱਕ rgba () ਮੁੱਲ ਆਉਟਪੁੱਟ ਦਿੰਦਾ ਹੈ ਤਾਂ ਕਿ ਸ਼ੈਡੋ ਕੁਦਰਤੀ ਤੌਰ ਉੱਤੇ ਮਿਲਾਇਆ ਜਾ ਸਕੇ ।

ਹਾਂ, ਇੱਕ ਦੂਜੇ ਸ਼ੈਡੋ ਲੇਅਰ ਨੂੰ ਇਸ ਦੇ ਆਪਣੇ ਆਫਸੈੱਟ, ਬਲਰ, ਰੰਗ ਅਤੇ ਇੰਸਟਾਲ ਨਾਲ ਯੋਗ ਕਰਨ ਲਈ ਤਕਨੀਕੀ ਚੋਣਾਂ ਖੋਲ੍ਹੋ ।

ਨਹੀਂ । ਇਹ ਜੰਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ; ਸਲਾਈਡਰ ਸਿਰਫ CSS ਸਤਰ ਨੂੰ ਲੋਕਲ ਹੀ ਗਣਨਾ ਕਰਦੇ ਹਨ ।

ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫਤ, ਕੋਈ ਅਕਾਊਂਟ ਅਤੇ ਕੋਈ ਸੀਮਾ ਨਹੀਂ - ਇੱਕ ਕਲਾਂਇਟ-ਸਾਈਡ ਟੂਲ, ਜਿਸ ਵਿੱਚ ਕੋਈ ਮਾਪ ਨਹੀਂ ਹੈ।

ਹਾਂ । ਇਹ ਤੁਹਾਡੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਇਸ ਲਈ CSS Box Shadow Generator ਫੋਨ ਅਤੇ ਟੈਬਲੇਟ ਉੱਤੇ ਕੰਮ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਡੈਸਕਟਾਪ ਉੱਤੇ ਵੀ - ਇੰਸਟਾਲ ਕਰਨ ਲਈ ਕੋਈ ਐਪਲੀਕੇਸ਼ਨ ਨਹੀਂ ਹੈ ।

ਇੱਕ ਆਮ ਫਾਇਲ ਲਈ ਆਮ ਤੌਰ ਉੱਤੇ ਕੁਝ ਸਕਿੰਟ ਹੀ ਲੱਗਦੇ ਹਨ - CSS Box Shadow Generator ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ, ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਨੂੰ ਆਪਣਾ ਇੰਪੁੱਟ ਦਿੰਦੇ ਹੋ ।

ਔਖਾ-ਸੌਖਾ ਇਸਤੇਮਾਲ ਅਣਮਿੱਥੇ ਸਮੇਂ ਲਈ ਹੈ, ਜਿਸ ਨੂੰ ਸਾਰਿਆਂ ਲਈ ਤੇਜ਼ ਰੱਖਣ ਲਈ ਇੱਕ ਉੱਦਮਸ਼ੀਲ ਫ਼ਾਇਰ-ਯੂਜ਼ ਕੈਪ ਹੇਠ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।

ਸਭ ਨਵੀਂ ਕਿਸਮ ਦੇ ਬਰਾਊਜ਼ਰ - Chrome, Safari, Firefox ਅਤੇ Edge । CSS Box Shadow Generator ਨੂੰ ਤੁਹਾਡੇ ਵਰਤੇ ਜਾ ਰਹੇ ਬਰਾਊਜ਼ਰ ਤੋਂ ਇਲਾਵਾ ਹੋਰ ਕੁਝ ਇੰਸਟਾਲ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ ।

ਸਬੰਧਤ ਟੂਲ

ਇਹ ਪੇਜ਼ ਰੇਟਿੰਗ
5.0/5 (0)

ਅਸੀਂ ਕੀ ਸੁਧਾਰ ਕਰ ਸਕਦੇ ਹਾਂ? ਤੁਹਾਡੀ ਫੀਡਬੈਕ ਸਾਨੂੰ ਸਮੱਸਿਆਵਾਂ ਹੱਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ।