ఆస్తి css "పారదర్శకత" - సైట్ మరింత ఆసక్తికరమైన డిజైన్ చేయడానికి ఒక సాధారణ మార్గం

నేడు, వెబ్సైట్ డిజైన్ సృష్టి ఒక కళారూపాన్ని అవుతుంది. ఈ కేవలం ఒక నిర్దిష్ట రంగు మరియు పేజీ అంశాలను సమితి కాదు పరిమాణం, ఫాంట్లు వివిధ శైలులు మరియు నేపథ్య చిత్రాలలో. ఇతరుల నుండి మీ సైట్ వివిధ సందర్శకుల దృష్టిని ఆకర్షించడానికి మరియు కొన్ని అంశాలు దానిని దర్శకత్వం చేయడానికి, పద్ధతులు మరియు టూల్స్ యొక్క ఒక భారీ సంఖ్యలో ఉపయోగించవచ్చు. పారదర్శకత - వాటిలో చాలా ప్రముఖ లక్షణం CSS ఉంది. ఈ టెక్నిక్ చాలా నాగరికంగా మరియు ఆకర్షణీయమైన, అందువలన దీనిని తరచుగా ఉపయోగిస్తారు. ఉదాహరణకు టెక్స్ట్ బ్లాక్ లేదా మొత్తం చిత్రాన్ని, - పారదర్శకత సైట్ యొక్క వివిధ వస్తువులు పేజీలు ఇస్తుంది. ఇది కూడా వివిధ విధాలుగా సాధించవచ్చు. మాకు వాటిని క్రింద పరిశీలించడానికి లెట్.

పారామీటర్లు పారదర్శకత అంశాలను పేర్కొనవచ్చు

పారామీటర్లు అనేక అంశాల పారదర్శకత నియంత్రించేందుకు. వారు "సర్దుబాటు" డిజైన్ కింద ఇది బ్రౌజర్, అలాగే నిర్దిష్ట లక్ష్యాలను బట్టి ఉపయోగిస్తారు. ఈ క్రింది లక్షణాలు ఉన్నాయి:

• అస్పష్టత;
• ఫిల్టర్;
• ఒక నేపథ్యంగా PNG చిత్రం.

అధిక సంఖ్య, మూలకం యొక్క పారదర్శకత దిగువ స్థాయి: ఆస్తి విలువ css "పారదర్శకత" ఈ క్రింది విధంగా మార్చబడతాయి. 10 నుండి 100 రెండోది Interet ఎక్స్ప్లోరర్ బ్రౌజర్, మరియు అన్ని ఇతర అనువర్తిత అస్పష్టత ఆస్తి కోసం ఉపయోగిస్తారు - అస్పష్టత, 0 నుండి 1 వరకు వడపోత మారుతూ ఉంటుంది.

పారదర్శకత చిత్రం (మార్చడం)

మీరు అంశం తరలించడానికి ఉన్నప్పుడు పారదర్శక కనిపిస్తుంది ఎంపికలు తో ప్రారంభిద్దాం మౌస్ డ్రాగ్ చెయ్యడం ద్వారా.

మాకు చిత్రం యొక్క పారదర్శకత ఎలా తెలుపుటకు పరిగణలోకి లెట్. CSS రెండు ఎంపికలు అందిస్తుంది. ఇది చేయటానికి, మీరు నేరుగా కోడ్ html-పత్రంలో కింది విధంగా నమోదు చేయాలి:

1. చిత్రం మార్గానికి పేర్కొనండి.
2. కర్సర్ లేనప్పుడు మేము పారదర్శకత పారామితులు నిర్వచించటానికి. ఇది చేయటానికి, మేము అస్పష్టత, మరియు వడపోత విలువ సూచిస్తుంది ఇది onmouseover మరియు onmouseout యొక్క లక్షణాలను ఉపయోగించవచ్చు.

అదే లక్షణాలు css పత్ర మరియు అది ఒక సూచన జోడించడానికి సోర్స్ కోడ్ లో సూచించిన చేయవచ్చు. ఫలితాలు అదే పరిణమించవచ్చు.

టెక్స్ట్ మరియు పేజీ బ్లాక్స్ యొక్క పారదర్శకత

టెక్స్ట్ లేదా బ్లాక్ (పారదర్శక div) కోసం, css ఒక పారదర్శక చిత్రం సృష్టించడం పోలి దీని ఎంపిక అందిస్తుంది, మీరు కావలసిన పారామితులు సెట్ దీనిలో కనెక్ట్ css ఫైలు, ఉపయోగించాలి. మీరు వెళ్ళి ఒక సరళమైన మార్గం చేయవచ్చు. మీరు శైలి బ్లాక్ div శైలి సెట్ లేదా టెక్స్ట్ p onmouseover మరియు అంశాలను onmouseout క్రింది HTML కోడ్ సూచించే చేసినప్పుడు. రెండు ఎంపికలు పని మరియు ఆశించిన ఫలితాన్ని ఉత్పత్తి.

పారదర్శకత స్థిరమైన

కొన్ని సందర్భాల్లో, ఒక వస్తువు యొక్క పారదర్శకత, మీరు కొనసాగుతున్న ఆధారంగా సెట్ చేయాలనుకుంటున్నారా ఒక నమూనా మూలకం లేదా టెక్స్ట్. ఈ పరిస్థితిలో, పరిష్కారం మీరు మౌస్ కర్సర్ హోవర్ చేసినప్పుడు కంటే కూడా సరళంగా ఉంది.

పారదర్శకత కోసం css మూలకం క్రింది కోడ్ ద్వారా ఇవ్వబడుతుంది. బ్లాక్ div శైలిలో నేపథ్యం (ఉదా: # ff8800), అస్పష్టత (ఉదా, 0.5) మరియు వెడల్పు (వెడల్పు) మరియు పాడింగ్ (పాడింగ్) కోసం విలువలను సూచించే.

చిత్రం కోసం కోడ్ విలువలు చేస్తున్నాము మరియు అస్పష్టత వడపోత, మరియు చిత్రానికి మార్గం పేర్కొనాలి.

RGBA-విధాన

పారదర్శకత ఏ డిజైన్ మూలకం యొక్క మూల వర్ణం అన్వయించవచ్చు: ఈ లక్షణం CSS ఉపయోగించి ఇతర ఎంపికలు ఉన్నాయి. ఇది RGBA పద్ధతిని ఉపయోగిస్తుంది. పారదర్శకత స్థాయిని అమర్చుతుంది ఆల్ఫా, - మొదటి మూడు అక్షరాలు ప్రాథమిక రంగులు (ఎరుపు, విచ్ఛిత్తి, నీలం), మరియు గత నిలబడటానికి. RGBA ఫార్మాట్ ఉపయోగించి చివరి అంకె గురిపెట్టి, పారదర్శకత సూచిస్తుంది. ఉదాహరణకు, వంటి: నేపధ్యం: rgba (240,2,33,0.4035).

నిర్ధారణకు

అందువలన, సైట్ రూపకల్పన సాధారణ కానీ సమర్థవంతంగా ఫీచర్ css "పారదర్శకత" పై పని చేసేప్పుడు ఉపయోగించి, మీరు ఆసక్తికరమైన మరియు మరింత గుర్తించదగ్గ తక్కువ కృషితో అంశాలు చేయవచ్చు. వివరించిన ఆకారాలను కస్టమ్ పారదర్శకత లక్షణాలు ఈ మీకు సహాయం చేస్తుంది.