சோம்பேறிகளுக்கான CSS அனிமேஷன் ஜெனரேட்டர்.
CSS அனிமேஷன்கள்
CSS ஆனது JavaScript அல்லது Flash ஐப் பயன்படுத்தாமல் HTML உறுப்புகளின் அனிமேஷனை அனுமதிக்கிறது
இந்த அத்தியாயத்தில் நீங்கள் பின்வரும் பண்புகளைப் பற்றி அறிந்து கொள்வீர்கள்:
- @keyframes
- அனிமேஷன்-பெயர்
- அனிமேஷன்-காலம்
- அனிமேஷன்-தாமதம்
- அனிமேஷன்-மறுபடி-எண்ணிக்கை
- அனிமேஷன்-திசை
- அனிமேஷன்-நேர செயல்பாடு
- அனிமேஷன்-நிரப்பு-முறை
- இயங்குபடம்
உலாவி குறிப்பிட்ட முன்னொட்டுகள்
சில பழைய உலாவிகளுக்கு அனிமேஷன் பண்புகளைப் புரிந்துகொள்ள குறிப்பிட்ட முன்னொட்டுகள் (-webkit-) தேவை
CSS அனிமேஷன்கள் என்றால் என்ன?
ஒரு அனிமேஷன் ஒரு உறுப்பு படிப்படியாக ஒரு பாணியிலிருந்து மற்றொரு பாணிக்கு மாற அனுமதிக்கிறது.
நீங்கள் விரும்பும் பல CSS பண்புகளை நீங்கள் எத்தனை முறை வேண்டுமானாலும் மாற்றலாம்.
CSS அனிமேஷனைப் பயன்படுத்த, முதலில் அனிமேஷனுக்கான சில கீஃப்ரேம்களைக் குறிப்பிட வேண்டும்.
கீஃப்ரேம்கள் சில நேரங்களில் உறுப்பு என்ன பாணிகளைக் கொண்டிருக்கும்.
@keyframes விதி
@keyframes விதிக்குள் CSS ஸ்டைல்களைக் குறிப்பிடும்போது, அனிமேஷன் படிப்படியாக தற்போதைய பாணியிலிருந்து புதிய பாணிக்கு சில நேரங்களில் மாறும்.
