CSS3 மாற்றம் ஜெனரேட்டர்
மென்மையான ஒளிபுகாநிலை மாற்றம்
பிரபலமான முன்னமைவுகள்
மங்கலான விளைவு
மென்மையான ஒளிபுகாநிலை மாற்றம்
அளவுகோல் விளைவு
மிதவை மீது உறுப்பு அளவை மாற்றவும்
விளைவை சுழற்று
மிதவை மீது உறுப்பு சுழற்று
ஸ்லைடு விளைவு
உறுப்பு நிலையை நகர்த்தவும்
நிற மாற்றம்
பின்னணி வண்ண மாற்றம்
மாற்றங்கள் பற்றி
CSS மாற்றங்கள் ஒரு குறிப்பிட்ட காலப்பகுதியில் சொத்து மதிப்புகளை சீராக மாற்ற உங்களை அனுமதிக்கின்றன.
பொதுவாக அனிமேஷன் பண்புகள் பின்வருமாறு:
- அகலம், உயரம்
- விளிம்பு, திணிப்பு
- ஒளிபுகாநிலை, நிறம்
- transform (scale, rotate, translate)
- background-color
சார்பு உதவிக்குறிப்பு: அனைத்து மாற்றங்களையும் உயிரூட்ட 'அனைத்து பண்புகளும்' விருப்பத்தைப் பயன்படுத்தவும்.
Preview
உருவாக்கப்பட்ட குறியீடு
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
மாற்றம் கட்டுப்பாடுகள்
மிதவை விளைவுகள்
Related Tools
CSS மாற்றிக்கு Sass
உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS Minifier
தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்
எனர்ஜியூனிட் மாற்றம்
ஆற்றலின் வெவ்வேறு அலகுகளுக்கு இடையில் துல்லியமாகவும் எளிதாகவும் மாற்றவும்
JavaScript Obfuscator
எங்கள் சக்திவாய்ந்த தெளிவற்ற கருவி மூலம் உங்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டை அங்கீகரிக்கப்படாத அணுகல் மற்றும் பின்னோக்குப் பொறியியலில் இருந்து பாதுகாக்கவும். முழு செயல்பாட்டை பராமரிக்கும் அதே நேரத்தில் உங்கள் குறியீட்டை படிக்க முடியாத வடிவத்திற்கு மாற்றவும்.
தனிப்பயன் பொறுப்புத்துறப்புகளை உருவாக்கவும்
உங்கள் இணையதளம், பயன்பாடு அல்லது சேவைக்கு ஏற்ப விரிவான பொறுப்புத்துறப்புகளை உருவாக்கவும்.