CSS3 ನೊಂದಿಗೆ ತ್ವರಿತವಾಗಿ ಮತ್ತು ಸುಲಭವಾಗಿ ಗ್ಲೋ ಪರಿಣಾಮಗಳನ್ನು ಸೇರಿಸುವುದು ಹೇಗೆ ಎಂದು ತಿಳಿಯಿರಿ

ಒತ್ತುಕ್ಕಾಗಿ ವೆಬ್ ಪೇಜ್ ಎಲಿಮೆಂಟ್ಗೆ ಗ್ಲೋ ಅನ್ನು ಸೇರಿಸಿ

ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿನ ಅಂಶಕ್ಕೆ ಸೇರಿಸಿದ ಮೃದುವಾದ ಹೊರಗಿನ ಹೊಳಪು ಅಂಶವನ್ನು ವೀಕ್ಷಕರಿಗೆ ಎದ್ದು ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ. ಪ್ರಮುಖ ವಸ್ತುವಿನ ಹೊರ ಅಂಚುಗಳ ಸುತ್ತ ಒಂದು ಹೊಳಪನ್ನು ಅನ್ವಯಿಸಲು CSS3 ಮತ್ತು HTML ಅನ್ನು ಬಳಸಿ. ಪರಿಣಾಮಕಾರಿ ಫೋಟೊಶಾಪ್ನಲ್ಲಿರುವ ವಸ್ತುವಿಗೆ ಸೇರಿಸಲಾಗಿರುವ ಹೊರಗಿನ ಹೊಳಪನ್ನು ಹೋಲುತ್ತದೆ.

ಮೊದಲು ಎಲಿಮೆಂಟ್ ಅನ್ನು ಗ್ಲೋ ಗೆ ರಚಿಸಿ

ಯಾವುದೇ ಬಣ್ಣದ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಗ್ಲೋ ಪರಿಣಾಮಗಳನ್ನು ಮಾಡಬಹುದು, ಆದರೆ ಅವು ಗಾಢ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತವೆ, ಏಕೆಂದರೆ ಗ್ಲೋ ಹೆಚ್ಚು ಮಿನುಗುವಂತೆ ತೋರುತ್ತದೆ. ಈ ದುಂಡಾದ-ಮೂಲೆಯ ಆಯತಾಕಾರದ ಬಾಕ್ಸ್ ಉದಾಹರಣೆಯಲ್ಲಿ, ಒಂದು DIV ಅಂಶವನ್ನು ಇನ್ನೊಂದು ಕಪ್ಪು DIV ಅಂಶದಲ್ಲಿ ಕಪ್ಪು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ. ಹೊರಗಿನ DIV ಗ್ಲೋಗೆ ಅಗತ್ಯವಿಲ್ಲ, ಆದರೆ ಬಿಳಿಯ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಗ್ಲೋ ನೋಡಲು ಕಷ್ಟವಾಗುತ್ತದೆ.

DIV ಒಂದು ವರ್ಗದ ಗ್ಲೋ ನೀಡಿ:


ಎಲಿಮೆಂಟ್ನ ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿ

ನೀವು ಅಂಶವನ್ನು ಆಯ್ಕೆ ಮಾಡಿದ ನಂತರ ನೀವು ಹೊಳಪನ್ನು ಹೊಂದುವಿರಿ, ಮುಂದೆ ಹೋಗಿ ಬಣ್ಣ, ಗಾತ್ರ ಮತ್ತು ಫಾಂಟ್ಗಳಂತಹ ನೀವು ಬಯಸುವ ಯಾವುದೇ ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಿ . ಈ ಉದಾಹರಣೆಯು ನೀಲಿ ಆಯತ; ಗಾತ್ರವನ್ನು 90px ಮೂಲಕ 147px ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ; ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣದ # 1f5afe, ರಾಯಲ್ ನೀಲಿ ಬಣ್ಣಕ್ಕೆ ಹೊಂದಿಸಲಾಗಿದೆ. ಕಪ್ಪು ಧಾರಕ ಅಂಶದ ಮಧ್ಯಭಾಗದಲ್ಲಿ ಅಂಶವನ್ನು ಇರಿಸಲು ಒಂದು ಅಂಚು ಒಳಗೊಂಡಿದೆ.