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.