ਸੁੰਦਰ CSS ਬਾਕਸ ਸ਼ੈਡੋ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਣਾਓ
ਸਾਡੇ ਸਹਿਜ ਇੰਟਰਫੇਸ ਨਾਲ ਸ਼ਾਨਦਾਰ ਬਾਕਸ ਸ਼ੈਡੋ ਤਿਆਰ ਕਰੋ। CSS ਕੋਡ ਦੀ ਨਕਲ ਕਰੋ ਅਤੇ ਇਸਨੂੰ ਤੁਰੰਤ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤੋ।
Preview
ਬਾਕਸ ਸ਼ੈਡੋ
ਮੈਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
CSS ਆਉਟਪੁੱਟ
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
ਸ਼ੈਡੋ ਕੰਟਰੋਲ
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
ਨਰਮ ਪਰਛਾਵਾਂ
ਦਰਮਿਆਨਾ ਪਰਛਾਵਾਂ
ਭਾਰੀ ਪਰਛਾਵਾਂ
ਅੰਦਰੂਨੀ ਪਰਛਾਵਾਂ
ਤਿਰਛੀ ਤਿਰਛੀ
ਰੂਪਰੇਖਾ ਚਮਕ
ਡਬਲ ਸ਼ੈਡੋ
ਲਿਫਟਡ ਇਫੈਕਟ
ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
ਮੁੱਢਲੇ ਨਿਯੰਤਰਣ
- ਐਡਜਸਟ ਕਰੋਖਿਤਿਜੀ ਆਫਸੈੱਟਪਰਛਾਵੇਂ ਨੂੰ ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਹਿਲਾਉਣ ਲਈ
- ਐਡਜਸਟ ਕਰੋਵਰਟੀਕਲ ਆਫਸੈੱਟਪਰਛਾਵੇਂ ਨੂੰ ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਲਿਜਾਣ ਲਈ
- ਵਧਾਓਧੁੰਦਲਾ ਘੇਰਾਪਰਛਾਵੇਂ ਨੂੰ ਨਰਮ ਬਣਾਉਣ ਲਈ
- Use ਫੈਲਾਅ ਰੇਡੀਅਸਪਰਛਾਵੇਂ ਦੇ ਸਮੁੱਚੇ ਆਕਾਰ ਨੂੰ ਵਧਾਉਣ ਜਾਂ ਘਟਾਉਣ ਲਈ
- ਬਦਲੋColor and Opacityਪਰਛਾਵੇਂ ਦੀ ਦਿੱਖ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ
ਉੱਨਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
- Enable ਇਨਸੈੱਟ ਸ਼ੈਡੋਇੱਕ ਅੰਦਰੂਨੀ ਪਰਛਾਵਾਂ ਪ੍ਰਭਾਵ ਬਣਾਉਣ ਲਈ
- Use ਮਲਟੀਪਲ ਸ਼ੈਡੋਜ਼ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਪ੍ਰਭਾਵਾਂ ਲਈ
- ਸੇਵ ਕਰੋ ਅਤੇ ਲੋਡ ਕਰੋPresetsਆਪਣੇ ਮਨਪਸੰਦ ਪਰਛਾਵਿਆਂ ਤੱਕ ਤੁਰੰਤ ਪਹੁੰਚ ਲਈ
- Click ਬੇਤਰਤੀਬ ਪਰਛਾਵਾਂਪ੍ਰੇਰਨਾ ਲਈ
- ਤਿਆਰ ਕੀਤੇ CSS ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
Related Tools
ਸੰਪੂਰਨ ਫਲੈਕਸਬਾਕਸ ਲੇਆਉਟ ਬਣਾਓ
ਸਾਡੇ ਅਨੁਭਵੀ ਡਰੈਗ-ਐਂਡ-ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਨਾਲ CSS ਫਲੈਕਸਬਾਕਸ ਕੋਡ ਦੀ ਕਲਪਨਾ ਕਰੋ, ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਤਿਆਰ ਕਰੋ।
ਸਟਾਈਲਸ ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
SCSS ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਪਰਿਵਰਤਕ
ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਨੂੰ ਸ਼ੁੱਧਤਾ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਬਦਲੋ
ਸਪੀਡ ਯੂਨਿਟ ਕਨਵਰਟਰ
ਆਪਣੀਆਂ ਇੰਜੀਨੀਅਰਿੰਗ, ਵਿਗਿਆਨਕ ਅਤੇ ਰੋਜ਼ਾਨਾ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਸ਼ੁੱਧਤਾ ਨਾਲ ਗਤੀ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਬਦਲੋ
Less ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Less ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।