CSS ਬਾਕਸ ਸ਼ੈਡੋ ਜਨਰੇਟਰ
CSS ਬਾਕਸ ਸ਼ੈਡੋ ਬਣਾਓ
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ · ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ
ਇਹ ਟੂਲ ਅਤੇ ਇਸ ਪੰਨੇ ਦੀਆਂ ਹਿਦਾਇਤਾਂ ਫ਼ਿਲਹਾਲ ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ ਹਨ। ਇਹ ਉਸੇ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ: ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
Shadow layers
Box and background
Ready-made
ਇਹ ਟੂਲ ਚਲਾਉਣ ਲਈ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਬਹੁਤ ਪੁਰਾਣਾ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਇਸਨੂੰ ਅੱਪਡੇਟ ਕਰੋ, ਜਾਂ Chrome, Edge, Firefox ਜਾਂ Safari ਦਾ ਮੌਜੂਦਾ ਸੰਸਕਰਣ ਵਰਤੋ।
- ਕੁਝ ਵੀ ਤੁਹਾਡਾ ਡਿਵਾਈਸ ਨਹੀਂ ਛੱਡਦਾ
- ਸਰਵਰ ਵੱਲੋਂ ਆਕਾਰ ਦੀ ਕੋਈ ਹੱਦ ਨਹੀਂ
- ਸਾਈਨ-ਅੱਪ ਨਹੀਂ, ਵਾਟਰਮਾਰਕ ਨਹੀਂ
- ਮੁਫ਼ਤ
How to make a box shadow
- Start from a ready-made shadow, or adjust the sliders.
- Add layers: a tight shadow plus a wide, soft one looks most natural.
- Copy the CSS.
Tips
- Low opacity (8 to 20%) and a negative spread give soft, modern shadows.
- Inset shadows look pressed in, for inputs and toggles.
- Change the box and background colors to see the shadow on your own design.
ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
Does box-shadow slow down a page?
Rarely. Very large blurs on many moving elements can, so keep animated shadows simple.
Is anything uploaded?
No. The preview is drawn by your browser.