CSS3 உருமாற்றங்களை எளிதாக உருவாக்கவும்

சிக்கலான CSS3 ஐ உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த, உள்ளுணர்வு கருவி குறியீடு எழுதாமல் மாற்றுகிறது. நிகழ்நேரத்தில் மாற்றங்களைக் காட்சிப்படுத்தி, உங்கள் திட்டங்களில் பயன்படுத்த உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.

உருமாற்றக் கட்டுப்பாடுகள்

Translation

0px
0px
0px

Rotation

Scale

1
1
1

Skew

தோற்றத்தை மாற்றவும்

Presets

Preview

CSS3

Animation

s

உருவாக்கப்பட்ட குறியீடு

CSS
.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 மாற்றிக்கு Sass

உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

CSS மாற்றிக்கு குறைவு

உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

CSS Minifier

தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்

CSS முதல் LESS மாற்றி

மாறிகள், கூடு கட்டுதல் மற்றும் பலவற்றுடன் உங்கள் CSS குறியீட்டை LESS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

உரைக்கு பைனரி

பைனரி குறியீட்டை சிரமமின்றி ஆங்கில உரையாக மாற்றவும்

JSON ஐ SQL ஆக சிரமமின்றி மாற்றவும்

ஒரே கிளிக்கில் உங்கள் JSON தரவை SQL INSERT அறிக்கைகளாக மாற்றவும். வேகமானது, பாதுகாப்பானது மற்றும் முற்றிலும் உலாவி அடிப்படையிலானது.