DevTulz Online

CSS Box Shadow ಜನರೇಟರ್

ಹಿನ್ನೆಲೆ


CSS Box Shadow ಎಂದರೇನು?

CSS box-shadow ಗುಣವು ಒಂದು ಅಂಶದ ಚೌಕಟ್ಟಿನ ಸುತ್ತ ನೆರಳು ಪರಿಣಾಮಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ. ನೆರಳುಗಳನ್ನು ಆಫ್‌ಸೆಟ್, ಬ್ಲರ್, ಸ್ಪ್ರೆಡ್, ಬಣ್ಣ ಮಾಡಬಹುದು ಮತ್ತು inset (ಆಂತರಿಕ ನೆರಳು) ಆಗಿ ಹೊಂದಿಸಬಹುದು. ಅಲ್ಪವಿರಾಮದಿಂದ ಬೇರ್ಪಡಿಸಿದ ಬಹು ನೆರಳುಗಳನ್ನು ಸಮೃದ್ಧ ಪರಿಣಾಮಗಳಿಗಾಗಿ ಪದರ ಮಾಡಬಹುದು. ಈ ಜನರೇಟರ್ ನಿಮಗೆ ಸಂಕೀರ್ಣ ಬಹು-ಪದರ ನೆರಳುಗಳನ್ನು ದೃಶ್ಯಾತ್ಮಕವಾಗಿ ನಿರ್ಮಿಸಲು ಮತ್ತು ಕ್ಲಿಪ್‌ಬೋರ್ಡ್‌ಗೆ ಅಂಟಿಸಲು ಸಿದ್ಧ CSS ನಕಲು ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.

Box Shadow ಜನರೇಟರ್ ಅನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು

  1. ನೆರಳನ್ನು ಇರಿಸಲು ಮತ್ತು ಆಕಾರ ನೀಡಲು Offset X/Y, Blur ಮತ್ತು Spread ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಸರಿಹೊಂದಿಸಿ.

  2. ನೆರಳು ಬಣ್ಣ ಆರಿಸಲು ಬಣ್ಣದ ಮಾದರಿಯ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ, ಮತ್ತು ಪಾರದರ್ಶಕತೆಗಾಗಿ Opacity ಸ್ಲೈಡರ್ ಬಳಸಿ.

  3. ಆಂತರಿಕ ಹೊಳಪು ಅಥವಾ ಒತ್ತಿದ ಪರಿಣಾಮ ರಚಿಸಲು 'Inset' ಟಾಗಲ್ ಮಾಡಿ.

  4. ಬಹು ನೆರಳುಗಳನ್ನು ಪದರ ಮಾಡಲು '+ ಪದರ ಸೇರಿಸಿ' ಕ್ಲಿಕ್ ಮಾಡಿ.

  5. ರಚಿಸಿದ CSS ನಕಲಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ಅಂಟಿಸಿ.

Keywords: CSS box shadow ಜನರೇಟರ್, box-shadow CSS, CSS ನೆರಳು ಉಪಕರಣ, CSS drop shadow, inset shadow, ಬಹು-ಪದರ ನೆರಳು, CSS shadow ಆನ್‌ಲೈನ್