CSS 'డిస్ప్లే' + 'అస్పష్టత' లక్షణాలను ఎలా మార్చాలి

Css Disple Aspastata Laksanalanu Ela Marcali



CSSలో, పరివర్తన అనేది జోడించిన మూలకంపై CSS లక్షణాలను వర్తింపజేసేటప్పుడు దాని వేగాన్ని నియంత్రించే పద్ధతిని సూచిస్తుంది. మరింత ప్రత్యేకంగా, మీరు పేజీ పరివర్తనాలు, ఇమేజ్ పరివర్తనాలు, వచనం మరియు మరెన్నో సహా వివిధ పరివర్తనలను నిర్వహించవచ్చు. ఆస్తి మార్పులు తక్షణమే అమలులోకి వచ్చేలా కాకుండా, నిర్దిష్ట వ్యవధి తర్వాత వర్తించాల్సిన మార్పులను మీరు పేర్కొనవచ్చు.

ఈ పోస్ట్ CSS సహాయంతో పరివర్తనను సెట్ చేసే పద్ధతిని వివరిస్తుంది “ ప్రదర్శన 'మరియు' అస్పష్టత ”గుణాలు.

CSS 'ప్రదర్శన' మరియు 'అస్పష్టత' లక్షణాలను ఎలా మార్చాలి?

CSSని మార్చడానికి ' ప్రదర్శన 'మరియు' అస్పష్టత 'గుణాలు, ముందుగా, 'తో ఒక div కంటైనర్‌ను తయారు చేయండి

' మూలకం. అప్పుడు, div కంటైనర్‌ను యాక్సెస్ చేయండి మరియు “ సహాయంతో నేపథ్య చిత్రాన్ని జోడించండి నేపథ్య చిత్రం ”ఆస్తి. ఆ తరువాత, సెట్ చేయండి ' పరివర్తన ',' అస్పష్టత ”, మరియు మీ ఎంపిక ప్రకారం అవసరమైన ఇతర లక్షణాలు.







దశ 1: 'div' కంటైనర్‌ను సృష్టించండి

ప్రారంభంలో, '' సహాయంతో ఒక div కంటైనర్‌ను తయారు చేయండి

” కంటైనర్ మరియు నిర్దిష్ట పేరుతో తరగతి లక్షణాన్ని జోడించండి. అలా చేయడానికి, మేము తరగతి పేరును “ అంశం ”:



= 'ప్రధాన అంశం' > >

దశ 2: “డిస్‌ప్లే” ప్రాపర్టీని సెట్ చేయండి

తరువాత, 'తరగతి పేరును ఉపయోగించడం ద్వారా div కంటైనర్‌ను యాక్సెస్ చేయండి ప్రధాన అంశం 'మరియు' సెట్ చేయండి ప్రదర్శన 'ఆస్తి:



.ప్రధాన అంశం {

ప్రదర్శన : నిరోధించు ;

}

ఇక్కడ, ' యొక్క విలువ ప్రదర్శన 'ఆస్తి' గా సెట్ చేయబడింది నిరోధించు ” మొత్తం స్క్రీన్ వెడల్పును తీసుకున్నందుకు.





దశ 3: నేపథ్య చిత్రాన్ని జోడించండి

తరువాత, యాక్సెస్ చేయబడిన div కంటైనర్‌పై క్రింది CSS లక్షణాలను వర్తింపజేయండి:

.ప్రధాన అంశం {

ఎత్తు : 400px ;

వెడల్పు : 400px ;

నేపథ్య చిత్రం : url ( వసంత పువ్వులు.jpg ) ;

అస్పష్టత : 0.1 ;

పరివర్తన : అస్పష్టత 2సె సులభంగా-అవుట్ ;

మార్జిన్ : 30px 50px ;

}

పైన పేర్కొన్న కోడ్ స్నిప్పెట్‌లో:



  • ' ఎత్తు 'మరియు' వెడల్పు ” లక్షణాలు నిర్వచించిన మూలకం యొక్క పరిమాణాన్ని నిర్ణయిస్తాయి.
  • ' నేపథ్య చిత్రం ” సహాయంతో చిత్రాన్ని చొప్పించడానికి CSS ప్రాపర్టీ ఉపయోగించబడుతుంది url() మూలకం వెనుక వైపున ఫంక్షన్.
  • ' అస్పష్టత ” ఒక మూలకం కోసం అస్పష్టత స్థాయిని నిర్ణయిస్తుంది. అస్పష్టత స్థాయి పారదర్శకత స్థాయిని ప్రదర్శిస్తుంది, ఇక్కడ ' 1 ' పారదర్శకత కోసం ఉపయోగించబడదు మరియు ' 0.5 'కోసం' యాభై% 'పారదర్శకత.
  • ' పరివర్తన ” CSSలో వినియోగదారులు ఇచ్చిన వ్యవధిలో ప్రాపర్టీ విలువలను సజావుగా మార్చుకోవడానికి అనుమతిస్తుంది.
  • ' మార్జిన్ ” ఒక మూలకం చుట్టూ నిర్వచించిన సరిహద్దు వెలుపల ఖాళీని నిర్వచిస్తుంది.

అవుట్‌పుట్

దశ 4: “:హోవర్” సూడో సెలెక్టర్‌ని వర్తింపజేయండి

ఇప్పుడు, ''తో పాటు div కంటైనర్‌ను యాక్సెస్ చేయండి : హోవర్ ” మేము మౌస్‌ను వాటిపై ఉంచినప్పుడు మూలకాలను ఎంచుకోవడానికి ఉపయోగించే సూడో సెలెక్టర్:

.ప్రధాన అంశం : హోవర్ {

అస్పష్టత : 1 ;

}

అప్పుడు, 'ని సెట్ చేయండి అస్పష్టత 'ఎంచుకున్న మూలకం యొక్క' 1 పారదర్శకతను తొలగించడానికి.

అవుట్‌పుట్

పరివర్తన CSS “ప్రదర్శన” మరియు “అస్పష్టత” లక్షణాలను సెట్ చేయడం గురించి అంతే.

ముగింపు

పరివర్తన 'డిస్ప్లే' మరియు 'అస్పష్టత' లక్షణాలను సెట్ చేయడానికి, మొదట,

మూలకాన్ని ఉపయోగించి div కంటైనర్‌ను తయారు చేయండి. తర్వాత, div ఎలిమెంట్‌ని యాక్సెస్ చేసి, సెట్ చేయండి ' ప్రదర్శన 'వలే' నిరోధించు ”. ఆ తర్వాత, ఇతర CSS లక్షణాలను వర్తింపజేయండి, వీటిలో “ నేపథ్య చిత్రం కంటైనర్‌లో చిత్రాన్ని ఇన్‌సర్ట్ చేయడానికి ”, “ట్రాన్సిషన్”, “అస్పష్టత” మరియు ఇతరులు. ఈ పోస్ట్ CSSతో పరివర్తనను సెట్ చేసే పద్ధతిని వివరించింది “ ప్రదర్శన 'మరియు' అస్పష్టత 'గుణాలు.