వెబ్‌పేజీని ఇంటరాక్టివ్‌గా చేయడానికి CSS అత్యంత శక్తివంతమైన మార్గాలలో ఒకటి. ఇది మా ప్రాథమిక రూపాన్ని మరియు అనుభూతిని మారుస్తుంది వెబ్‌పేజీ. CSS అందించే ముఖ్యమైన మరియు ఉత్తేజకరమైన లక్షణాలలో ఒకటి, ఇది యానిమేషన్లను ప్రదర్శించడానికి మాకు వీలు కల్పిస్తుంది. ఇది మా పేజీలోని అంశాలను తరలించడానికి అనుమతిస్తుంది. కింది క్రమంలో CSS లో మా యానిమేషన్ల జర్నీని ప్రారంభిద్దాం:
CSS లో యానిమేషన్లు
మా వెబ్‌సైట్‌కు యానిమేషన్లను జోడించడం వినియోగదారుల దృష్టిని ఆకర్షించడానికి ఒక గొప్ప మార్గం. ఇది మా పేజీకి విలువను జోడించడమే కాక వినియోగదారు అనుభవాన్ని మెరుగుపరుస్తుంది. CSS లోని యానిమేషన్ రెండు భాగాలపై నిర్మించబడింది. వారు
- కీఫ్రేమ్‌లు
- యానిమేషన్
CSS యానిమేషన్లు అన్ని బ్రౌజర్‌లలో మద్దతు ఇస్తాయి. అయినప్పటికీ, సఫారి (వెర్షన్ 8.0 వరకు) వంటి కొన్ని పాత బ్రౌజర్‌లకు యానిమేషన్ లక్షణాలను అర్థం చేసుకోవడానికి ఉపసర్గ (-వెబ్కిట్-) అవసరం. ఉదాహరణకి:
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% -వెబ్కిట్-యానిమేషన్-పేరు: cssanim / * పాత బ్రౌజర్‌లు * / -వెబ్కిట్-యానిమేషన్-వ్యవధి: 5 సె / * పాత బ్రౌజర్‌లు * / యానిమేషన్ -పేరు: cssanim యానిమేషన్-వ్యవధి: 5 సె} / * పాత బ్రౌజర్‌లు * / we -వెబ్కిట్-కీఫ్రేమ్‌లు cssanim {0% {ఎడమ: 0px} 100% {ఎడమ: 300px} @ @keyframes cssanim {0% {left: 0px} 100 % {ఎడమ: 300px}}మేము పై నుండి నమూనా html పేజీని ఉపయోగించవచ్చు మరియు మరిన్ని ఉదాహరణలను ప్రయత్నించడానికి స్టైల్ ట్యాగ్‌లో CSS కోడ్‌ను భర్తీ చేయవచ్చు.
CSS లో కీఫ్రేమ్‌లు
CSS లో యానిమేషన్ల బిల్డింగ్ బ్లాక్ ఇది. ఇది మా వెబ్‌పేజీలో యానిమేషన్ యొక్క నిర్దిష్ట క్షణాలు మరియు శైలులను నిర్వచించడానికి ఉపయోగించబడింది. మరో మాటలో చెప్పాలంటే, మన CSS లోపల @keyframes ని పేర్కొన్నప్పుడు, ప్రస్తుత స్థితిని క్రొత్త స్థితికి సవరించడానికి లేదా ఒక నిర్దిష్ట వ్యవధికి వస్తువులను యానిమేట్ చేయడానికి ఇది నియంత్రణను పొందుతుంది.
యానిమేషన్ పేరు, దశలు మరియు లక్షణాల వంటి యానిమేషన్‌ను నియంత్రించడానికి @keyframes కు కొన్ని లక్షణాలు ఉండాలి.
పేరు - ప్రతి యానిమేషన్ దాని ప్రవర్తనలను వివరించడానికి ఒక పేరు అవసరం.
పద్ధతి ఓవర్లోడింగ్ vs పద్ధతి ఓవర్రైడింగ్
దశలు - వేదిక యానిమేషన్ పూర్తి కావడాన్ని సూచిస్తుంది. ఇది 'నుండి' మరియు 'నుండి' కీవర్డ్‌తో లేదా శాతంగా సూచించబడుతుంది, అయితే 0% ప్రారంభ స్థితిని సూచిస్తుంది మరియు 100% యానిమేషన్ యొక్క ముగింపు స్థితిని సూచిస్తుంది. శాతం ప్రాతినిధ్యాన్ని ఉపయోగించడం వల్ల కలిగే ప్రయోజనం ఏమిటంటే, మనం మధ్యలో బహుళ ఇంటర్మీడియట్ దశలను నిర్వచించగలము, అనగా 50% దశలో లేదా 75% వద్ద యానిమేషన్ యొక్క ప్రవర్తన ఎలా ఉండాలి.
లక్షణాలు - ఈ లక్షణాలు యానిమేషన్ సమయంలో వాటిని మార్చటానికి @keyframes పై నియంత్రణను ఇస్తాయి.
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 5s @ @keyframes cssanim {0% {పరివర్తన: స్కేల్ (0.5) అస్పష్టత: 0} 50 % {పరివర్తన: స్కేల్ (1.5) అస్పష్టత: 1} 100% {పరివర్తన: స్కేల్ (1)}}కీఫ్రేమ్‌లను నిర్వచించడం గురించి ఇప్పుడు మాకు స్పష్టంగా ఉంది. మన అంశాలు మరియు వస్తువులను ఎలా యానిమేట్ చేయాలో వివరించడానికి యానిమేషన్ లక్షణాలను అన్వేషిద్దాం. రెండు ఆస్తి అనగా వారసత్వం మరియు ప్రారంభ అన్ని యానిమేషన్ రకాలతో ఉపయోగించవచ్చు. ఈ లక్షణాలను సాధారణంగా విభిన్న ప్రవర్తనలను ప్రదర్శించడానికి డివ్ ట్యాగ్‌తో పాటు ఉపయోగిస్తారు.
ప్రారంభ: ఈ ఆస్తిని దాని డిఫాల్ట్ విలువకు సెట్ చేస్తుంది.
వారసత్వంగా: ఈ ఆస్తిని దాని మాతృ మూలకం నుండి వారసత్వంగా పొందుతుంది.
యానిమేషన్ గుణాలు
- యానిమేషన్-పేరు
ఇది యానిమేషన్ పేరును నిర్దేశిస్తుంది, ఇది @ కీఫ్రేమ్‌లలో మార్చటానికి ఉపయోగించబడుతుంది.సాధ్యమయ్యే విలువలు:
- పేరు: ఇది యానిమేషన్ కోసం కీఫ్రేమ్‌తో బంధించడానికి పేరును నిర్దేశిస్తుంది.
- ఏదీ లేదు: ఇది డిఫాల్ట్ విలువ మరియు వారసత్వంగా లేదా క్యాస్కేడింగ్ యానిమేషన్లను భర్తీ చేయడానికి ఉపయోగించవచ్చు.
సింటాక్స్:
యానిమేషన్-పేరు: పేరు | ఏదీ | ప్రారంభ | వారసత్వంగా
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 5s @ @keyframes cssanim {0% {left: 0px} 100% {left: 300px} }- యానిమేషన్-వ్యవధి
యానిమేషన్ ఒక అమలును పూర్తి చేయడానికి ఇది సమయం తెలుపుతుంది. ఇది సెకన్లు లేదా మిల్లీసెకన్లలో నిర్వచించబడుతుంది (ఉదా., 4 సె లేదా 400 మీ). ఈ ఆస్తి యొక్క డిఫాల్ట్ విలువ 0 సె, కాబట్టి ఈ ఆస్తి పేర్కొనబడకపోతే యానిమేషన్ జరగదు.
సింటాక్స్:
యానిమేషన్-వ్యవధి: సమయం
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: నీలి స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 4s @ @keyframes cssanim {0% {పరివర్తన: స్కేల్ (0.4) అస్పష్టత: 0} 50 % {పరివర్తన: స్కేల్ (1.4) అస్పష్టత: 1} 100% {పరివర్తన: స్కేల్ (1)}}- యానిమేషన్-ఆలస్యం
యానిమేషన్-ఆలస్యం ఆస్తి యానిమేషన్ ఆలస్యాన్ని పేర్కొనడానికి అనుమతిస్తుంది. యానిమేషన్ క్రమం ఎప్పుడు అమలు ప్రారంభమవుతుందో ఇది నిర్వచిస్తుంది.
ఈ ఆస్తి విలువను సెకన్లు (లు) లేదా మిల్లీసెకన్లు (ఎంఎస్) గా ప్రకటించవచ్చు. ఇది సానుకూల మరియు ప్రతికూల విలువలను కలిగి ఉంటుంది. సానుకూల సమయం నిర్దేశించిన సమయం గడిచిన తర్వాత యానిమేషన్ ప్రారంభమవుతుందని సూచిస్తుంది మరియు అప్పటి వరకు అది ఏకగ్రీవంగా ఉంటుంది. మరోవైపు, ప్రతికూల విలువ యానిమేషన్‌ను ఒక నిర్దిష్ట కాలపరిమితి కోసం ఇప్పటికే అమలు చేస్తున్నట్లుగా పాయింట్ నుండి వెంటనే ప్రారంభిస్తుంది.
సింటాక్స్:
యానిమేషన్-ఆలస్యం: సమయం
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 4s యానిమేషన్-ఆలస్యం: 4s @ @keyframes cssanim {0% {left: 0px} 100% {ఎడమ: 250 పిక్స్}}- యానిమేషన్-మళ్ళా-గణన
ఈ ఆస్తి యానిమేషన్ సీక్వెన్స్ ఎన్నిసార్లు ఆడాలో సూచిస్తుంది. ఈ ఆస్తి యొక్క డిఫాల్ట్ విలువ 1.సాధ్యమయ్యే విలువలు:
- సంఖ్య - పునరావృత సంఖ్యను సూచిస్తుంది
- అనంతం - యానిమేషన్ ఎప్పటికీ పునరావృతం కావాలని సూచిస్తుంది
సింటాక్స్:
యానిమేషన్-మళ్ళా-గణన: సంఖ్య | అనంతం
.anim {ఎత్తు: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 2s యానిమేషన్-మళ్ళా-గణన: 4 @ @keyframes cssanim {0% {left: 0px} 100% {ఎడమ: 100 పిక్స్}}- యానిమేషన్-దిశ
ఇది యానిమేషన్ దిశను నిర్వచిస్తుంది. మూలకం యొక్క దిశను ముందుకు, వెనుకకు లేదా ప్రత్యామ్నాయ చక్రాలలో ఆడటానికి సెట్ చేయవచ్చు.ఈ ఆస్తి యొక్క డిఫాల్ట్ విలువ సాధారణం మరియు ఇది ప్రతి చక్రంలో రీసెట్లను పొందుతుంది.సాధ్యమయ్యే విలువలు:
సాధారణ - ఇది డిఫాల్ట్ ప్రవర్తన మరియు యానిమేషన్ ముందుకు ఆడబడుతుంది. ప్రతి చక్రం తరువాత యానిమేషన్ దాని ప్రారంభ స్థితికి చేరుకుంటుంది మరియు మళ్ళీ ముందుకు ఆడబడుతుంది
రివర్స్ - యానిమేషన్ వెనుకబడిన దిశలో ఆడబడుతుంది. ప్రతి చక్రం తరువాత యానిమేషన్ దాని ముగింపు స్థితికి చేరుకుంటుంది మరియు వెనుకకు ఆడబడుతుంది
ప్రత్యామ్నాయం - యానిమేషన్ యొక్క దిశ తిరగబడుతుంది, అనగా ఇది ప్రతి చక్రంలో మొదట ముందుకు మరియు వెనుకకు ఆడుతుంది. ప్రతి బేసి చక్రం ఫార్వర్డ్ యానిమేషన్‌ను అందిస్తుంది మరియు ప్రతి చక్రం వెనుకబడిన కదలికను అందిస్తుంది.
ప్రత్యామ్నాయ-రివర్స్ - యానిమేషన్ దిశ ప్రత్యామ్నాయంగా తిరగబడుతుంది. ఇక్కడ యానిమేషన్ మొదట వెనుకకు మరియు తరువాత ప్రతి చక్రంలో ముందుకు పోతుంది. ప్రతి బేసి చక్రం రివర్స్ లేదా వెనుకకు కదులుతుంది మరియు ప్రతి చక్రం ముందుకు యానిమేషన్‌ను అందిస్తుంది.
సింటాక్స్:
యానిమేషన్-దిశ: సాధారణ | రివర్స్ |ప్రత్యామ్నాయ | ప్రత్యామ్నాయ-రివర్స్
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 2s యానిమేషన్-మళ్ళా-గణన: అనంతమైన @ @keyframes cssanim {0% {left: 0px} 100% {ఎడమ: 100 పిక్స్}}- యానిమేషన్-టైమింగ్-ఫంక్షన్
ఈ ఆస్తి స్పీడ్ కర్వ్ లేదా యానిమేషన్ యొక్క కదలిక శైలిని నిర్ణయిస్తుంది. యానిమేషన్ శైలిలో మార్పును ఒక రూపం నుండి మరొక రూపానికి సజావుగా చేయడానికి ఇది కేటాయించబడుతుంది. విలువ కేటాయించబడకపోతే అది తేలికగా ఉంటుంది.యానిమేషన్-టైమింగ్-ఫంక్షన్ కోసం సాధ్యమయ్యే విలువలు:
సులభం - ఇది ఆస్తి యొక్క డిఫాల్ట్ విలువ. ఇక్కడ యానిమేషన్ నెమ్మదిగా మొదలవుతుంది, క్రమంగా మధ్యలో వేగంగా మారుతుంది మరియు తరువాత నెమ్మదిగా ముగుస్తుంది.
సరళ - యానిమేషన్ చక్రం అంతటా అదే వేగాన్ని నిర్వహిస్తుంది, అనగా ప్రారంభం నుండి చివరి వరకు.
సౌలభ్యం - యానిమేషన్ నెమ్మదిగా ప్రారంభమవుతుంది.
సౌలభ్యం - యానిమేషన్ నెమ్మదిగా ముగుస్తుంది.
సులభంగా-అవుట్ - ప్రారంభ మరియు ముగింపు సమయంలో యానిమేషన్ నెమ్మదిగా కదులుతుంది.
క్యూబిక్-బెజియర్ (n, n, n, n) - ఈ అధునాతన లక్షణం మన స్వంత విలువలను నిర్వచించడం ద్వారా కస్టమ్ టైమింగ్ ఫంక్షన్‌ను సృష్టించండి. సాధ్యమయ్యే విలువ 0 నుండి 1 వరకు ఉంటుంది.
సింటాక్స్:
యానిమేషన్-టైమింగ్-ఫంక్షన్: లీనియర్ | సౌలభ్యం | సౌలభ్యం | సౌలభ్యం | సౌలభ్యం |క్యూబిక్-బెజియర్ (n, n, n, n)
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 2s యానిమేషన్-దిశ: రివర్స్ @ @keyframes cssanim {0% {background: నారింజ ఎడమ: 0px } 50% {నేపథ్యం: పసుపు ఎడమ: 200 పిక్స్ టాప్: 200 పిక్స్} 100% {నేపథ్యం: నీలం ఎడమ: 100 పిక్స్}}- యానిమేషన్-ఫిల్-మోడ్
యానిమేషన్ ఆడటానికి ముందు లేదా తరువాత యానిమేషన్ శైలిని ఇది నిర్ణయిస్తుంది కాబట్టి ఇది ప్రత్యేక ఆస్తి.అప్రమేయంగా, మూలకం యొక్క శైలి ప్రారంభానికి ముందు లేదా ముగిసిన తర్వాత యానిమేషన్ ద్వారా ప్రభావితం కాదు. యానిమేషన్ యొక్క ఈ డిఫాల్ట్ ప్రవర్తనను అధిగమించడంలో ఇది సహాయపడుతుంది కాబట్టి ఈ ఆస్తి ఉపయోగపడుతుంది.యానిమేషన్-ఫిల్-మోడ్ ఆస్తి కోసం కిందివి సాధ్యమయ్యే విలువలు:
ఏదీ లేదు - ఇది ఆస్తి యొక్క డిఫాల్ట్ విలువ, అనగా యానిమేషన్ ముందు లేదా తరువాత యానిమేషన్ శైలులు మూలకానికి వర్తించవు.
ముందుకు - తుది యానిమేషన్ సీక్వెన్స్‌లోని మూలకం ద్వారా శైలులు అలాగే ఉంచబడతాయి, అనగా యానిమేషన్ పూర్తయిన తర్వాత.
వెనుకకు - ప్రారంభ యానిమేషన్ సీక్వెన్స్‌లోని మూలకం ద్వారా శైలులు అలాగే ఉంచబడతాయి, అనగా యానిమేషన్ ముఖ్యంగా యానిమేషన్ ఆలస్యం సమయంలో చూస్తూ ఉంటుంది.
రెండు - యానిమేషన్ దిశలో, అంటే ముందుకు మరియు వెనుకకు రెండింటిలోనూ అనుసరిస్తుందని ఇది సూచిస్తుంది
సింటాక్స్:
యానిమేషన్-ఫిల్-మోడ్: ఏదీ | ముందుకు | వెనుకకు | రెండు
.anim {width: 50px height: 50px background: lightblue color: white font-weight: bold position: సాపేక్ష యానిమేషన్-పేరు: cssanim animation-period: 5s animation-iteration-count: అనంత సరిహద్దు-వ్యాసార్థం: 100%} # anim1 { యానిమేషన్-టైమింగ్-ఫంక్షన్: సౌలభ్యం} # యానిమేషన్ {టైమింగ్-ఫంక్షన్: లీనియర్} # యానిమేషన్ 3 {యానిమేషన్-టైమింగ్-ఫంక్షన్: ఈజ్-ఇన్} # యానిమేషన్ 4 {యానిమేషన్-టైమింగ్-ఫంక్షన్: ఈజ్-అవుట్} # యానిమేషన్ { టైమింగ్-ఫంక్షన్: {ఎడమ నుండి 0 px} నుండి {ఎడమ: 400px}} నుండి సులభంగా @ @ కీఫ్రేమ్స్ cssanim {- యానిమేషన్-ప్లే-స్టేట్
ఈ ఆస్తి యానిమేషన్‌ను ప్లే లేదా పాజ్ చేసిన స్థితిలో పేర్కొంటుంది. అలాగే, విరామం నుండి యానిమేషన్ తిరిగి ప్రారంభించినప్పుడు అది వదిలిపెట్టిన చోటు నుండి మొదలవుతుంది.సాధ్యమయ్యే విలువలు:
- ఆడుతున్నారు - రన్నింగ్‌లో యానిమేషన్‌ను అందించడానికి
- పాజ్ చేయబడింది - యానిమేషన్‌ను పాజ్ స్థితిలో అందించడానికి.
సింటాక్స్:
యానిమేషన్-ప్లే-స్టేట్: పాజ్ | ఆడుతున్నారు
.anim {వెడల్పు: 100px ఎత్తు: 100px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 3s యానిమేషన్-ఆలస్యం: 2s యానిమేషన్-ఫిల్-మోడ్: వెనుకకు సరిహద్దు-వ్యాసార్థం: 100% @ @keyframes cssanim {0% {top: 0px background-color: orange} 50% {top: 0px background-color: green} 100% {top: 100pxbackground-color: blue}}- యానిమేషన్
దీనిని యానిమేషన్ సంక్షిప్తలిపి ఆస్తి అంటారు. ఇది క్లీనర్ కోడ్ కోసం ఉపయోగించబడుతుంది. మేము అన్ని యానిమేషన్ లక్షణాలతో అలవాటు పడిన తర్వాత, వేగంగా కోడింగ్ చేయడానికి మరియు అన్ని లక్షణాలను ఒకే వరుసలో నిర్వచించడానికి యానిమేషన్ సంక్షిప్తలిపిని ఉపయోగించమని సలహా ఇస్తారు.
సింటాక్స్:
యానిమేషన్: [యానిమేషన్-పేరు] | [యానిమేషన్-వ్యవధి] | [యానిమేషన్-టైమింగ్-ఫంక్షన్] |[యానిమేషన్-ఆలస్యం] | [యానిమేషన్-మళ్ళా-గణన] | [యానిమేషన్-దిశ] |[యానిమేషన్-ఫిల్-మోడ్] | [యానిమేషన్-ప్లే-స్టేట్]
విభిన్న యానిమేషన్ లక్షణాలను ఉపయోగించి మేము పైన చూపిన అన్ని యానిమేషన్ ప్రభావాలను సంక్షిప్తలిపిని ఉపయోగించడం ద్వారా పొందవచ్చుయానిమేషన్ ఆస్తి.
.anim {height: 200px వెడల్పు: 200px నేపథ్యం: లైట్‌బ్లూ స్థానం: సాపేక్ష సరిహద్దు-వ్యాసార్థం: 100% యానిమేషన్-పేరు: cssanim యానిమేషన్-వ్యవధి: 2s యానిమేషన్-దిశ: సాధారణ యానిమేషన్-ప్లే-స్టేట్: పాజ్ చేయబడిన @ @keyframes cssanim {0% {background: నారింజ టాప్: 0px} 50% {background: పసుపు ఎడమ: 200px top: 200px} 100% {background: blue left: 100px}}ఇది CSS లో ఉపయోగించగల అన్ని యానిమేషన్ లక్షణాలను ముగించింది. మరింత స్పష్టమైన చిత్రాన్ని పొందడానికి మేము ఈ లక్షణాల యొక్క విభిన్న వైవిధ్యాలను ప్రయత్నించాలి. మేము సౌకర్యవంతంగా ఉన్నప్పుడు, క్లీనర్ మరియు వేగవంతమైన కోడ్‌ను వ్రాయడానికి యానిమేషన్ సంక్షిప్తలిపి ఆస్తి ఎంతో సహాయపడుతుంది. వెబ్ డెవలపర్‌ల కోసం CSS లో నేర్చుకోవలసిన ముఖ్యమైన నైపుణ్యాలలో ఇది ఒకటి. మేము స్థిరమైన వాటి కంటే కదిలే వస్తువులపై ఎక్కువ దృష్టి పెడతాము కాబట్టి, యానిమేషన్లు దానిని సాధించడంలో మాకు సహాయపడతాయి మరియు గొప్ప గొప్ప వెబ్‌పేజీలను కూడా అభివృద్ధి చేస్తాయి.
మా చూడండి ఇది బోధకుడు నేతృత్వంలోని ప్రత్యక్ష శిక్షణ మరియు నిజ జీవిత ప్రాజెక్ట్ అనుభవంతో వస్తుంది. ఈ శిక్షణ బ్యాక్ ఎండ్ మరియు ఫ్రంట్ ఎండ్ వెబ్ టెక్నాలజీలతో పనిచేయడానికి మీకు నైపుణ్యాలలో నైపుణ్యం కలిగిస్తుంది. ఇందులో వెబ్ డెవలప్‌మెంట్, j క్వెరీ, కోణీయ, నోడ్జెఎస్, ఎక్స్‌ప్రెస్‌జెఎస్ మరియు మొంగోడిబిపై శిక్షణ ఉంటుంది.
మాకు ప్రశ్న ఉందా? దయచేసి 'CSS లోని యానిమేషన్లు' బ్లాగ్ యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.