ಬಾಕ್ಸ್ ನೆರಳು ಜನರೇಟರ್

ಲೇಯರ್ಡ್ ಬಾಕ್ಸ್ ನೆರಳುಗಳನ್ನು ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್, ಸ್ಪ್ರೆಡ್ ಮತ್ತು ಬಣ್ಣದೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಿ. ಕಾರ್ಡ್‌ನಲ್ಲಿ ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡಿ, ನಂತರ ಒಂದು ಕ್ಲಿಕ್‌ನಲ್ಲಿ CSS ಅನ್ನು ನಕಲಿಸಿ.

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

ಲೇಯರ್ಡ್ ಬಾಕ್ಸ್ ನೆರಳುಗಳನ್ನು ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್, ಸ್ಪ್ರೆಡ್ ಮತ್ತು ಬಣ್ಣದೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಿ — ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಒಳಗೊಂಡಿದೆ.
ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತದೆ
ಬಳಸಲು ಉಚಿತ

ಹೇಗೆ ಬಳಸುವುದು

ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್ ಮತ್ತು ಸ್ಪ್ರೆಡ್ ಅನ್ನು ಹೊಂದಿಸಿ.
ಬಣ್ಣ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಆರಿಸಿ (ಅಥವಾ ಲೇಯರ್ಗಳನ್ನು ಸೇರಿಸಿ).
ಬಾಕ್ಸ್ ನೆರಳು CSS ಅನ್ನು ನಕಲಿಸಿ.

How this tool works

ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್ ಮತ್ತು ಸ್ಪ್ರೆಡ್ ಅನ್ನು ಹೊಂದಿಸಿ.
ಬಣ್ಣ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಆರಿಸಿ (ಅಥವಾ ಲೇಯರ್ಗಳನ್ನು ಸೇರಿಸಿ).
ಬಾಕ್ಸ್ ನೆರಳು CSS ಅನ್ನು ನಕಲಿಸಿ.

Recommended settings

ಮೊದಲು ಡೀಫಾಲ್ಟ್ ಆಯ್ಕೆಗಳನ್ನು ಬಳಸಿ, ನಂತರ ಅಗತ್ಯವಿದ್ದರೆ ಹೊಂದಿಸಿ

Supported formats

Text / on-page input

File size and limits

ಬಹಳ ಸಂಕೀರ್ಣವಾದ ಬಹು-ಪದರದ ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಹಳೆಯ ಫೋನ್‌ಗಳಲ್ಲಿ ನಿಧಾನವಾಗಬಹುದು.

Privacy

ಬಣ್ಣ ಮತ್ತು CSS ಜನರೇಟರ್‌ಗಳು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ರನ್ ಆಗುತ್ತವೆ. ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಮತ್ತು ಪರಿವರ್ತನೆಗಳು ನಿಮ್ಮ ಶೈಲಿಗಳನ್ನು ಎಂದಿಗೂ ಅಪ್‌ಲೋಡ್ ಮಾಡುವುದಿಲ್ಲ.

Common use cases

ನಿಮಗೆ ಅಗತ್ಯವಿರುವಾಗ ಬಾಕ್ಸ್ ನೆರಳು ಜನರೇಟರ್ ಅನ್ನು ಬಳಸಿ: ಲೇಯರ್ಡ್ ಬಾಕ್ಸ್ ನೆರಳುಗಳನ್ನು ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್, ಸ್ಪ್ರೆಡ್ ಮತ್ತು ಬಣ್ಣದೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಿ - ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಒಳಗೊಂಡಿದೆ.

Troubleshooting

ಪೇಸ್ಟ್ ಮಾಡಿದ ನಂತರ ಪೂರ್ವವೀಕ್ಷಣೆ ವಿಭಿನ್ನವಾಗಿ ಕಾಣುತ್ತದೆ

ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ಸ್ಪರ್ಧಾತ್ಮಕ CSS ಅನ್ನು ಪರಿಶೀಲಿಸಿ (ಮರುಹೊಂದಿಕೆಗಳು, ಆನುವಂಶಿಕ ಬಣ್ಣಗಳು). ರಚಿಸಲಾದ ನಿಯಮವನ್ನು ಮೊದಲು ಪ್ರತ್ಯೇಕವಾದ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ನಕಲಿಸಿ.

FAQ

ಇದು ನನ್ನ CSS ಅನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡುತ್ತದೆಯೇ?

ಇಲ್ಲ. ಜನರೇಟರ್‌ಗಳು ಮತ್ತು ಪರಿವರ್ತಕಗಳು ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತವೆ.

ನನಗೆ ಖಾತೆ ಬೇಕೇ?

ಇಲ್ಲ. ಉಪಕರಣವನ್ನು ತೆರೆಯಿರಿ, ನಿಯಂತ್ರಣಗಳನ್ನು ಟ್ವೀಕ್ ಮಾಡಿ ಮತ್ತು CSS ಅನ್ನು ನಕಲಿಸಿ.