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

Teyil Vind Lo Tekst Dekaresan Mandanto Hovar Phokas Mariyu Yaktiv Stet Lanu Ela Aplai Ceyali



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

ఈ ట్యుటోరియల్ క్రింది విషయాలను వివరిస్తుంది:

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

ది ' టెక్స్ట్ అలంకరణ మందం లక్ష్య స్థితిని ఉపయోగించడం ద్వారా 'ఈ రాష్ట్రాలతో వర్తించవచ్చు మరియు ' టెక్స్ట్-అలంకరణ-మందం పిక్సెల్‌లలో లక్ష్యం మందం విలువను అనుసరించే లక్షణం. ఈ విధానాల ఏకీకరణ మౌస్ హోవర్‌పై టెక్స్ట్ డెకరేషన్ మందాన్ని (పిక్సెల్‌లలో) మారుస్తుంది, ఎలిమెంట్ ఫోకస్ చేయబడుతుంది లేదా ఎలిమెంట్ సక్రియంగా ఉంటుంది. ఈ పిక్సెల్‌లు ' 1px ',' 2px ',' 4px 'లేదా' 8px ”. ఇది ఎక్కువ పిక్సెల్‌లు, మందం ఎక్కువగా ఉంటుంది.







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

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





< html >

< తల >

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

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

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

< శరీరం >

< వచన ప్రాంతం తరగతి = 'అండర్‌లైన్ హోవర్: డెకరేషన్-4' > జేమ్స్ సమయపాలన పాటించేవాడు < / వచన ప్రాంతం >

< / శరీరం >

< / html >

ఈ కోడ్ స్నిప్పెట్‌లో, టెయిల్‌విండ్ ఫంక్షనాలిటీలను ఉపయోగించుకోవడానికి “” ట్యాగ్‌లో CDN పాత్‌ను చేర్చండి. ఆ తర్వాత, లోపల '