ஆன்லைன் கருவி CSS3 மாற்றம் ஜெனரேட்டர்

s
s
CSS3.0 Transition

சோம்பேறிகளுக்கான CSS Transiton ஜெனரேட்டர்.

CSS ஜெனரேட்டர் - மாற்றம்

CSS மாற்றங்கள் பண்பு பயனர் HTML உறுப்பு பாணியை மற்றொரு பாணிக்கு சீராக மாற்றவும். ஜாவாஸ்கிரிப்ட் அல்லது பயனர் நிகழ்வின் மூலம் CSS பண்பு மாறும்போது மாற்றங்கள் இயங்கும்.

 

மாற்றம்:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;

மாற்றம் நான்கு அளவுருக்களை வரையறுக்கிறது -

1) எந்த css சொத்து இயங்குகிறது

2) எவ்வளவு நேரம் இயங்கும்

3) நேர செயல்பாடு என்ன (மாற்றத்தின் வேகம்)

4) மாற்றத்தை எப்போது தொடங்க வேண்டும்

 

<STYLE-NAME> என்பது transition-property ஆனது மாற்றம் பயன்படுத்தப்படும் CSS பண்புகளைக் குறிப்பிடுகிறது. நீங்கள் தனிப்பட்ட சொத்து அல்லது அனைத்து சொத்துக்களையும் அமைக்கலாம். நேர செயல்பாடு அனிமேஷனின் வேகத்தை வரையறுக்கிறது (மெதுவாக அல்லது வேகமாக). Cubic Bazier அனிமேஷனின் தனிப்பயன் வேகத்தை வரையறுக்கிறது. லூப்பில் மாற்றம் இயங்க முடியாது. CSS அனிமேஷன் சொத்து என்பது லூப் கையாளுதலுக்கான மாற்று விருப்பமாகும்.