CSS3 తో వేగంగా మరియు సులభంగా గ్లో ప్రభావాలు జోడించండి ఎలా తెలుసుకోండి

Emphasis కోసం ఒక వెబ్ పేజీ ఎలిమెంట్కు గ్లో జోడించండి

మీ వెబ్ పేజీలో ఒక మూలకం జోడించిన మృదువైన బయటి మిణుగురు వీక్షకుడికి నిలబడటానికి కారణమవుతుంది. ముఖ్యమైన వస్తువు యొక్క వెలుపలి అంచుల చుట్టూ గ్లో వర్తింపచేయడానికి CSS3 మరియు HTML ని ఉపయోగించండి. ప్రభావం Photoshop లో ఒక వస్తువుకు జోడించిన బయటి మిణుగురు వలె ఉంటుంది.

మొదట గ్లోవ్ ఎలిమెంట్ ను క్రియేట్ చేయండి

గ్లో ఎఫెక్ట్స్ ఏ రంగు నేపథ్యంలోనైనా చేయగలవు, కానీ వారు చీకటి నేపథ్యాలపై ఉత్తమంగా కనిపిస్తారు, ఎందుకంటే అప్పుడు గ్లో మరింత మెరుస్తున్నది. ఈ గుండ్రని-మూలలో దీర్ఘచతురస్రాకార బాక్స్ ఉదాహరణలో, ఒక DIV మూలకం మరొక DIV లో ఒక నలుపు నేపధ్యంతో ఉంటుంది. బయటి DIV గ్లో అవసరం లేదు, కానీ అది తెలుపు నేపధ్యంలో గ్లో చూడటానికి కష్టం.

DIV కి గ్లో ఆఫ్ క్లాస్ ఇవ్వండి:


ఎలిమెంట్ యొక్క సైజు మరియు రంగును సెట్ చేయండి

మీరు మూలకం ఎంచుకున్న తర్వాత మీరు మిణుగురు తో అలంకరించు చేయబోతున్నామని, ముందుకు వెళ్లి, మీకు కావలసిన శైలులు , నేపథ్య రంగు, పరిమాణం మరియు ఫాంట్లు వంటి వాటికి కావలసిన శైలులను జోడించండి . ఈ ఉదాహరణ నీలం దీర్ఘచతురస్రం; పరిమాణం 90px ద్వారా 147px కు సెట్ చేయబడింది; మరియు నేపథ్య రంగు # 1f5afe, ఒక రాజ నీలంకు సెట్ చేయబడింది. ఇది బ్లాక్ కంటైనర్ మూలకం మధ్యలో మూలకాన్ని ఉంచడానికి ఒక మార్జిన్ను కలిగి ఉంటుంది.