CSS3 உருமாற்றங்களை எளிதாக உருவாக்கவும்
சிக்கலான CSS3 ஐ உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த, உள்ளுணர்வு கருவி குறியீடு எழுதாமல் மாற்றுகிறது. நிகழ்நேரத்தில் மாற்றங்களைக் காட்சிப்படுத்தி, உங்கள் திட்டங்களில் பயன்படுத்த உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
உருமாற்றக் கட்டுப்பாடுகள்
Translation
Rotation
Scale
Skew
தோற்றத்தை மாற்றவும்
Presets
Preview
CSS3
Animation
உருவாக்கப்பட்ட குறியீடு
.element { transform: translate(0px, 0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewX(0deg) skewY(0deg); transform-origin: 50% 50%; }
சக்திவாய்ந்த அம்சங்கள்
உள்ளுணர்வு கட்டுப்பாடுகள்
பதிலளிக்கக்கூடிய ஸ்லைடர்கள் மற்றும் உள்ளுணர்வு கட்டுப்பாடுகளுடன் உருமாற்ற அளவுருக்களை எளிதாக சரிசெய்யவும்.
நிகழ்நேர முன்னோட்டம்
உடனடி காட்சி பின்னூட்டத்துடன் உங்கள் மாற்றங்கள் எவ்வாறு இருக்கும் என்பதைப் பாருங்கள்.
CSS வெளியீட்டை சுத்தம் செய்யவும்
நன்கு வடிவமைக்கப்பட்ட, உற்பத்திக்குத் தயாரான CSS குறியீட்டைப் பெறுங்கள், அதை நீங்கள் நகலெடுத்து உடனடியாகப் பயன்படுத்தலாம்.
உருமாற்ற முன்னமைவுகள்
பிரபலமான உருமாற்ற பாணிகளுடன் தொடங்கி, உங்கள் தேவைகளுக்கு ஏற்றவாறு அவற்றைத் தனிப்பயனாக்கவும்.
3D மாற்றங்கள்
மூன்று அச்சுகள் மற்றும் முன்னோக்கு மீது கட்டுப்பாட்டுடன் அதிர்ச்சியூட்டும் 3D விளைவுகளை உருவாக்கவும்.
உயிருள்ள மாற்றங்கள்
கால அளவு மற்றும் மறு செய்கைகளின் கட்டுப்பாட்டுடன் உங்கள் உருமாற்றங்களுக்கு மென்மையான அனிமேஷன்களைச் சேர்க்கவும்.
3D கார்டு ஃபிளிப்
கூடுதல் தகவலை வெளிப்படுத்துவதற்கு ஏற்ற, மிதவை புரட்டும் ஊடாடும் அட்டையை உருவாக்கவும்.
மிதவை பெரிதாக்கு
தொடர்புகளில் அளவிடும் மற்றும் சுழலும் பொத்தான்கள் அல்லது படங்களுக்கு கண்ணைக் கவரும் விளைவைச் சேர்க்கவும்.
சாய்வு விளைவு
டைனமிக் மற்றும் நவீன UI கூறுகளை உருவாக்க நுட்பமான சாய்வு மாற்றத்தைப் பயன்படுத்துங்கள்.
CSS3 டிரான்ஸ்ஃபார்ம் ஜெனரேட்டர் பற்றி
இந்த கருவி CSS3 மாற்றங்களுடன் பணிபுரியும் செயல்முறையை எளிதாக்குவதற்காக உருவாக்கப்பட்டது. நீங்கள் ஒரு தொழில்முறை டெவலப்பராக இருந்தாலும் அல்லது வலை வடிவமைப்புடன் தொடங்கினாலும், இந்த ஜெனரேட்டர் தொடரியல் மனப்பாடம் செய்யாமல் சிக்கலான மாற்றங்களைக் காட்சிப்படுத்தவும் உருவாக்கவும் உதவுகிறது.
CSS3 உருமாற்றங்கள் நீங்கள் சுழற்ற, அளவிட, நகர்த்த, வளைந்து, மற்றும் HTML கூறுகள் மீது 3D விளைவுகளை உருவாக்க அனுமதிக்கிறது. அவை நவீன வலை வடிவமைப்பின் சக்திவாய்ந்த பகுதியாகும், ஆனால் மாஸ்டர் செய்ய தந்திரமானதாக இருக்கலாம். எங்கள் ஜெனரேட்டர் வெவ்வேறு மாற்றங்களுடன் பரிசோதனை செய்வதற்கும் முடிவுகளை உடனடியாகக் காண்பதற்கும் ஒரு உள்ளுணர்வு இடைமுகத்தை வழங்குகிறது.
Related Tools
சரியான ஃப்ளெக்ஸ்பாக்ஸ் தளவமைப்புகளை உருவாக்கவும்
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் CSS ஃப்ளெக்ஸ்பாக்ஸ் குறியீட்டைக் காட்சிப்படுத்தவும், தனிப்பயனாக்கவும் மற்றும் உருவாக்கவும்.
CSS மாற்றிக்கு ஸ்டைலஸ்
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றி SCSS
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
Base64 குறியாக்கி கருவி
WordPress க்கான பாதுகாப்பான கடவுச்சொல் ஹேஷ்களை உருவாக்கவும்
RGB முதல் CMYK வரை
அச்சு வடிவமைப்பிற்கான RGB வண்ணங்களை CMYK மதிப்புகளாக மாற்றவும்
அழகான CSS ஏற்றிகள் உருவாக்க
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் நொடிகளில் தனிப்பயன் CSS ஏற்றுதல் அனிமேஷன்களை உருவாக்கவும். குறியீட்டு முறை தேவையில்லை!