సోమరి ప్రజల కోసం CSS యానిమేషన్ జనరేటర్.
CSS యానిమేషన్లు
CSS జావాస్క్రిప్ట్ లేదా ఫ్లాష్ ఉపయోగించకుండా HTML మూలకాల యానిమేషన్‌ను అనుమతిస్తుంది
ఈ అధ్యాయంలో మీరు ఈ క్రింది లక్షణాల గురించి నేర్చుకుంటారు:
- @కీఫ్రేమ్‌లు
- యానిమేషన్-పేరు
- యానిమేషన్-వ్యవధి
- యానిమేషన్-ఆలస్యం
- యానిమేషన్-పునరుక్తి-గణన
- యానిమేషన్-దిశ
- యానిమేషన్-టైమింగ్-ఫంక్షన్
- యానిమేషన్-ఫిల్-మోడ్
- యానిమేషన్
బ్రౌజర్ నిర్దిష్ట ఉపసర్గలు
యానిమేషన్ లక్షణాలను అర్థం చేసుకోవడానికి కొన్ని పాత బ్రౌజర్‌లకు నిర్దిష్ట ఉపసర్గలు (-webkit-) అవసరం
CSS యానిమేషన్లు అంటే ఏమిటి?
యానిమేషన్ ఒక మూలకాన్ని క్రమంగా ఒక శైలి నుండి మరొక శైలికి మార్చడానికి అనుమతిస్తుంది.
మీరు మీకు కావలసినన్ని CSS లక్షణాలను మార్చవచ్చు, మీకు కావలసినన్ని సార్లు.
CSS యానిమేషన్‌ని ఉపయోగించడానికి, మీరు ముందుగా యానిమేషన్ కోసం కొన్ని కీఫ్రేమ్‌లను తప్పనిసరిగా పేర్కొనాలి.
నిర్దిష్ట సమయాల్లో మూలకం ఎలాంటి శైలులను కలిగి ఉంటుందో కీఫ్రేమ్‌లు కలిగి ఉంటాయి.
@keyframes నియమం
@keyframes నియమం లోపల మీరు CSS శైలులను పేర్కొన్నప్పుడు, యానిమేషన్ నిర్దిష్ట సమయాల్లో ప్రస్తుత శైలి నుండి కొత్త శైలికి క్రమంగా మారుతుంది.
