టైల్‌విండ్ హోవర్, ఫోకస్ మరియు యాక్టివ్ స్టేట్స్‌తో టెక్స్ట్ డెకరేషన్‌ను ఎలా అప్లై చేయాలి

Tail Vind Hovar Phokas Mariyu Yaktiv Stets To Tekst Dekaresan Nu Ela Aplai Ceyali



వెబ్ పేజీ లేదా సైట్‌లో వివిధ ఫంక్షనాలిటీలను పొందుపరిచేటప్పుడు, ప్రోగ్రామర్ ఇంటరాక్టివ్ లింక్‌లను జోడించాల్సిన సందర్భాలు ఉన్నాయి, అవి వినియోగదారు చర్యపై ప్రముఖంగా మారతాయి, అంటే మౌస్ హోవర్. అటువంటి సందర్భాలలో, వివిధ రాష్ట్రాలకు అనుగుణంగా వచనాన్ని అలంకరించడం సైట్‌ను ప్రత్యేకంగా నిలబెట్టడంలో అద్భుతాలు చేస్తుంది.

ఈ బ్లాగ్ క్రింది కంటెంట్ ప్రాంతాలను కవర్ చేస్తుంది:

టెయిల్‌విండ్ హోవర్, ఫోకస్ మరియు యాక్టివ్ స్టేట్స్‌తో టెక్స్ట్ డెకరేషన్‌ని ఎలా అప్లై చేయాలి?

వచనాన్ని '' ద్వారా అలంకరించవచ్చు వచన-అలంకరణ ”ఆస్తి. ఈ ప్రాపర్టీని వివిధ మాడిఫైయర్ స్టేట్‌లతో అన్వయించవచ్చు ' హోవర్ ',' దృష్టి 'మరియు' చురుకుగా ” తదనుగుణంగా వినియోగదారు చర్యపై వచనాన్ని అలంకరించడానికి.







ఉదాహరణ 1: 'హోవర్' స్టేట్‌తో టెక్స్ట్ డెకరేషన్‌ని వర్తింపజేయడం

ఈ ఉదాహరణ వర్తిస్తుంది ' వచన-అలంకరణ ” ఆస్తి అంటే అది డిఫాల్ట్‌గా అండర్‌లైన్ చేయబడదు కానీ మౌస్ హోవర్‌పై అండర్‌లైన్ అవుతుంది:





< html >

< తల >

< మెటా అక్షర సమితి = 'utf-8' >

< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, ప్రారంభ-స్థాయి=1' >

< స్క్రిప్ట్ src = 'https://cdn.tailwindcss.com' >< / స్క్రిప్ట్ >< / తల >

< శరీరం >

< వచన ప్రాంతం తరగతి = 'నో-అండర్‌లైన్ హోవర్:అండర్‌లైన్' > ఇది టైల్‌విండ్ CSS < / వచన ప్రాంతం >

< / శరీరం >

< / html >

ఈ కోడ్ లైన్ల ప్రకారం, '' లోపల CDN పాత్‌ను పేర్కొనండి <తల> ” Tailwind ఫంక్షనాలిటీలను ఉపయోగించుకోవడానికి ట్యాగ్ చేయండి. ఇప్పుడు, కలిపి వర్తించు ' వచన-అలంకరణ 'ఆస్తితో పాటు' హోవర్ ” ఎలిమెంట్‌ను హోవర్ చేసిన తర్వాత, అది అండర్‌లైన్ అవుతుంది.



అవుట్‌పుట్





చూసినట్లుగా, '