ಬಾಕ್ಸ್ ಶ್ಯಾಡೋ ಜನರೇಟರ್ (Box Shadow Generator)

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

ಶ್ಯಾಡೋ ಲೇಯರ್‌ಗಳು
ಲೇಯರ್ 1
CSS
ನಿಮ್ಮ ನೆರಳಿನ ಆಕಾರವನ್ನು ಹೊಂದಿಸಲು ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಅಡ್ಜಸ್ಟ್ ಮಾಡಿ.

ಪ್ರತಿಯೊಂದು ನೆರಳನ್ನೂ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲೇ ರೆಂಡರ್ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಇಲ್ಲಿ ಹೊಂದಿಸುವ ಯಾವುದೇ ಮಾಹಿತಿಯನ್ನು BroBroGo ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್ ಮತ್ತು ಸ್ಪ್ರೆಡ್ ವಾಸ್ತವವಾಗಿ ಏನನ್ನು ನಿಯಂತ್ರಿಸುತ್ತವೆ?

ಆಫ್‌ಸೆಟ್ ನೆರಳನ್ನು ಎಡ/ಬಲ ಮತ್ತು ಮೇಲಕ್ಕೆ/ಕೆಳಕ್ಕೆ ಸರಿಸುತ್ತದೆ, ಬ್ಲರ್ ಅದರ ಅಂಚುಗಳನ್ನು ಮೃದುಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ಸ್ಪ್ರೆಡ್ ಬ್ಲರ್ ಆಗುವ ಮೊದಲು ನೆರಳನ್ನು ದೊಡ್ಡದಾಗಿಸುತ್ತದೆ ಅಥವಾ ಚಿಕ್ಕದಾಗಿಸುತ್ತದೆ. ನೆಗೆಟಿವ್ ಸ್ಪ್ರೆಡ್ ನೆರಳನ್ನು ಒಳಕ್ಕೆ ಎಳೆಯುತ್ತದೆ, ಇದು ದಟ್ಟವಾದ ಮತ್ತು ಹತ್ತಿರದ ನೆರಳುಗಳಿಗೆ ಉಪಯುಕ್ತವಾಗಿದೆ.

ಇನ್‌ಸೆಟ್ (inset) ಆಯ್ಕೆಯು ಏನು ಮಾಡುತ್ತದೆ?

ಸಾಮಾನ್ಯ ನೆರಳು ಎಲಿಮೆಂಟ್‌ನ ಹೊರಗೆ ಬೀಳುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಕಾರ್ಡ್‌ನ ಹಿಂಭಾಗದ ಬೆಳಕಿನಂತೆ. ಇನ್‌ಸೆಟ್ (Inset) ನೆರಳನ್ನು ಒಳಗಡೆ ತಿರುಗಿಸುತ್ತದೆ, ಇದರಿಂದ ಎಲಿಮೆಂಟ್ ಒಳಗೆ ಒತ್ತಿದಂತೆ ಕಾಣುತ್ತದೆ — ಇದು ಒಳಗಿಳಿದ ಇನ್‌ಪುಟ್‌ಗಳು ಅಥವಾ ಒತ್ತಿದ ಬಟನ್‌ಗಳಿಗೆ ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ.

ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಶ್ಯಾಡೋ ಲೇಯರ್‌ಗಳನ್ನು ಏಕೆ ಜೋಡಿಸಬೇಕು?

ಒಂದೇ ನೆರಳು ಒಂದು ನಿರ್ದಿಷ್ಟ ಗಾತ್ರದ ನಂತರ ಫ್ಲಾಟ್ ಆಗಿ ಕಾಣುತ್ತದೆ. ನೈಜ ಎತ್ತರದ ಅನುಭವವನ್ನು ನೀಡಲು ಸಾಮಾನ್ಯವಾಗಿ ದಟ್ಟವಾದ, ಸಣ್ಣ ನೆರಳಿನೊಂದಿಗೆ ಮೃದುವಾದ, ವಿಶಾಲವಾದ ನೆರಳನ್ನು ಸಂಯೋಜಿಸಲಾಗುತ್ತದೆ — ಆ ಎಫೆಕ್ಟ್ ಪಡೆಯಲು ಎರಡನೇ ಲೇಯರ್ ಸೇರಿಸಿ ಮತ್ತು ಪ್ರತಿಯೊಂದನ್ನೂ ಸ್ವತಂತ್ರವಾಗಿ ಹೊಂದಿಸಿ.