క్యాస్కేడింగ్ స్టైల్ షీట్స్ (CSS) ను ఉపయోగించి రూపొందించబడ్డాయి లేదా XML (XHTML, SVG తో సహా) ఆకృతి. ఇది స్టైల్ షీట్ భాష, ఇది విభిన్నమైన ఫార్మాటింగ్ పద్ధతుల ద్వారా అంశాలను వివరించడానికి ఉపయోగించబడుతుంది. ఒక పద్ధతి హోవర్ మరియు ఈ వ్యాసంలో, మేము CSS లో హోవర్‌ను ఈ క్రింది పద్ధతిలో అర్థం చేసుకుంటాము:
- CSS లో హోవర్ అంటే ఏమిటి?
- హోవర్ ఎక్కడ ఉపయోగించబడుతుంది?
- హోవర్ ఏమి చేస్తుంది?
- అనుకూలత
- ఇది ఎలా పని చేస్తుంది?
- నేపథ్య రంగు మార్పును “ఎరుపు” కి హోవర్ చేయండి
- చిత్రాలపై హోవర్ అస్పష్టతను సృష్టిస్తోంది
- చిత్రాలపై వచన అతివ్యాప్తిని సృష్టిస్తోంది
CSS లో హోవర్ అంటే ఏమిటి?
CSS హోవర్ అనేది సెలెక్టర్ భాగం, ఇది మౌస్ పాయింటర్ వాటిపై కదిలించినప్పుడు విభిన్న అంశాలను శైలి చేయడానికి ఉపయోగించబడుతుంది. వాటిని దాదాపు ప్రతి HTML మూలకంలో ఉపయోగించవచ్చు. CSS లోని హోవర్ ఫీచర్ వెబ్ పేజీ రూపకల్పనలో గణనీయమైన ప్రాముఖ్యతను కలిగి ఉంది.
print_r ()
కాంపాక్ట్ మరియు ప్రభావవంతమైన వెబ్-డిజైనింగ్ ప్రోగ్రామ్‌లో యూజర్ ప్రాధాన్యత ప్రకారం హోవర్ భాగం వెబ్ పేజీలను హైలైట్ చేయవచ్చు, ఎన్కోడ్ చేయవచ్చు మరియు అనుకూలీకరించవచ్చు.
హోవర్ ఎక్కడ ఉపయోగించబడుతుంది?
హోవర్ ఫీచర్ యొక్క సాధ్యత యొక్క అత్యంత సాధారణ ఉదాహరణలు ఫ్లిప్‌కార్ట్ మరియు అమెజాన్ వంటి ప్రధాన షాపింగ్ వెబ్‌సైట్లలో హైలైట్ చేయబడతాయి. వినియోగదారులు ఈ ఇ-కామర్స్ వెబ్‌సైట్లలో ఏదైనా ఉత్పత్తిపై హోవర్ చేసినప్పుడు, కస్టమర్‌కు వారు ఎంచుకున్న ఉత్పత్తుల యొక్క మంచి వీక్షణను అందించడానికి ఆటోమేటెడ్ జూమ్ హోవర్ ఫంక్షన్‌ను నిర్వహించడానికి ఉత్పత్తి ప్రోగ్రామ్ చేయబడుతుంది. ఈ ప్రోగ్రామింగ్ ద్వారా, వెబ్ పేజీ మొత్తం ఉత్పత్తి శ్రేణి యొక్క కాంపాక్ట్ వీక్షణను ఒకే వెబ్ పేజీ రూపకల్పనలో ఆసక్తి యొక్క ఉత్పత్తి యొక్క వివరణాత్మక వీక్షణతో ప్రదర్శించడానికి రూపొందించబడింది.
హోవర్ ఏమి చేస్తుంది?
హోవర్ అనేది బహుళ-ఫంక్షనల్ ప్రోగ్రామింగ్ సాధనం, దీని ద్వారా వినియోగదారు లక్ష్య మూలకాన్ని అంతులేని సంఖ్యలో ఆకృతీకరణ ప్రమాణాలతో అనుకూలీకరించవచ్చు. హోవర్ ఫీచర్ యొక్క కార్యాచరణ జ్ఞానం యొక్క కొన్ని ఉదాహరణలు:
- నేపథ్యం / ఫాంట్ రంగును మార్చడం
- హోవర్‌లో ప్రదర్శించే దాచిన వచనాన్ని పొందుపరచడం
- చిత్రాలపై రోల్‌ఓవర్ ప్రభావాలను సృష్టించండి
- టెక్స్ట్ / చిత్రాలపై స్వయంచాలక జూమ్
- చిత్ర అస్పష్టతను సవరించండి
- టెక్స్ట్ ఎంబెడ్డింగ్
- చిత్రం స్వాప్
- డివ్. హోవర్
- బహుళ ఇతర CSS హోవర్ ఫార్మాటింగ్ ఆపరేషన్లు.
హోవర్ ప్రభావం ప్రాథమికంగా పేర్కొన్న మూలకం యొక్క ఆస్తి విలువను సవరణ చేస్తుంది. వెబ్ పేజీ రూపకల్పనలో CSS హోవర్ ఎలిమెంట్స్ యొక్క పొందుపరచడం ఒక సాధారణ వెబ్ పేజీని ఇంటరాక్టివ్, దృ and మైన మరియు అత్యంత క్రియాత్మక వెబ్-పేజీగా మారుస్తుంది. ఈ వెబ్ పేజీ నమూనాలు యూజర్ ఫ్రెండ్లీ మరియు సమగ్రమైనవి. హోవర్ రూపకల్పన చేసిన వెబ్ పేజీలు అధిక వినియోగదారుల ఆకర్షణను కలిగి ఉంటాయి మరియు అవి సంభావ్య వినియోగదారుల నోటీసును ప్రలోభపెడతాయి.
CSS లో హోవర్ యొక్క అనుకూలత
హోవర్ ఫీచర్ అన్ని ప్రధాన వెబ్ బ్రౌజర్‌లకు అనుకూలంగా ఉంటుంది. అయినప్పటికీ, టచ్ పరికరాల్లో ఈ మూలకాన్ని అమలు చేయడం ఇప్పటికీ సవాలుతో కూడుకున్న పని. CSS లోని హోవర్ హోవర్ ఫంక్షన్లకు మద్దతు ఇవ్వని పరికరాల్లో కంటెంట్ ప్రాప్యతను అనుమతిస్తుంది. మద్దతు లేని పరికరంలో సక్రియం చేయబడిన హోవర్ ఫంక్షన్ పరికరంలో చిక్కుకుపోతుందని గమనించబడింది.
పర్యవసానంగా, ఫార్మాటింగ్ సమస్య ద్వారా కీలకమైన కంటెంట్ యొక్క ముఖ్యమైన ప్రదర్శన నిరోధించబడుతుంది. ఒక వైపు CSS ప్రోగ్రామ్‌లోని హోవర్ ఎలిమెంట్ వెబ్ పేజీలకు సమర్థవంతమైన వ్యక్తిగతీకరణకు గొప్ప స్థాయిలో దోహదం చేస్తుంది, మొబైల్ పరికరాల్లో దాని కార్యాచరణ చాలా నిద్రాణమైనది. ఇన్ఫర్మేషన్ టెక్నాలజీ ప్రపంచం గణనీయంగా మొబైల్ పెరుగుతున్న పరిస్థితులకు అనుగుణంగా, సాంకేతిక పురోగతితో హోవర్ ఫీచర్ ప్రమాదాలు వాడుకలో లేవు. అందువల్ల, టచ్ మరియు మొబైల్ పరికరాలతో పనిచేసే పోర్టబుల్ ఎంబెడెడ్ ఫీచర్‌ను రూపొందించాల్సిన అవసరం చాలా కీలకం.
CSS లో హోవర్ ఎలా పని చేస్తుంది?
క్రియాశీల నకిలీ-తరగతి శైలి CSS హోవర్ ఫార్మాటింగ్‌లో ఆధిపత్యం చెలాయిస్తుంది మరియు ఇది ఈ నకిలీ-తరగతి అనుసరించే ఏదైనా / అన్ని తదుపరి లింక్‌ను భర్తీ చేస్తుంది. ఉదాహరణకు, నకిలీ-తరగతి “: లింక్: సందర్శించారు, లేదా: యాక్టివ్: హోవర్ నియమాన్ని తర్వాత ఉంచాలి: లింక్ మరియు: సందర్శించినది కానీ ముందు: తగినది: హోవర్ స్టైలింగ్. LVHA- ఆర్డర్ :: లింక్ ,: హోవర్ ,: సందర్శించారు, మరియు: యాక్టివ్ సరైన: హోవర్ ఫార్మాటింగ్ స్టైల్ కోసం సూచనగా ఉపయోగించబడుతుంది.
div {background-color: green padding: 18px display: none} span: hover + div {display: block}హోవర్ టెస్ట్!హోవర్‌లో దాచిన కోడ్ చూపిస్తుందిపై కోడ్‌లో, స్పాన్: హోవర్ + డివి ఎలిమెంట్‌ను ఉపయోగించడం ద్వారా హోవర్ మరియు డివి ఎలిమెంట్‌ను విలీనం చేయడానికి స్పాన్ ఎలిమెంట్ సవరించబడుతుంది. ప్రాధమిక ల్యాండింగ్ వెబ్ పేజీలో ప్రదర్శించబడే span మూలకం “హోవర్ టెస్ట్!” వచనాన్ని చూపుతుంది. స్పాన్ ఎలిమెంట్‌పై మరింత కదిలించడం వలన డివి ఎలిమెంట్ “హోవర్‌లో హిడెన్ కోడ్ షోస్” తెలుస్తుంది. ఈ ఎంబెడ్డింగ్ ఫార్మాట్ టెక్స్ట్ మరియు చిత్రాలపై పనిచేస్తుంది.
పోస్ట్ గ్రాడ్యుయేట్ మాస్టర్స్ వలె ఉంటుంది
నేపథ్య రంగు మార్పును “ఎరుపు” కి హోవర్ చేయండి
p: హోవర్, h1: హోవర్, a: హోవర్ {background-color: Red}ఎరుపు రంగులో ఉంచండి
ఎరుపు రంగులో ఉంచండి
లింకులు:
టెస్ట్ ఎరుపు హోవర్:
గూగుల్ కామ్ గమనిక: హలో
స్కానర్ తరగతిని ఎలా ఉపయోగించాలి
పై కోడ్ అనుకూలీకరిస్తుంది
,