CSS முதல் Stylus மாற்றி
உங்கள் CSS குறியீட்டை ஸ்டைலஸ் தொடரியல் ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
ஸ்டைலஸ் மாற்றிக்கு எங்கள் CSS ஐ ஏன் பயன்படுத்த வேண்டும்
உடனடி மாற்றம்
ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் உடனடியாக உங்கள் CSS குறியீட்டை ஸ்டைலஸாக மாற்றவும். காத்திருப்பு தேவையில்லை.
எளிமைப்படுத்தப்பட்ட தொடரியல்
எங்கள் மாற்றி CSS ஐ ஸ்டைலஸின் சுத்தமான, உள்தள்ளல் அடிப்படையிலான தொடரியல் ஆக மாற்றுகிறது, கொதிகலன் குறியீட்டைக் குறைக்கிறது.
100% பாதுகாப்பானது
உங்கள் குறியீடு உங்கள் உலாவியை விட்டு ஒருபோதும் வெளியேறாது. அனைத்து மாற்றங்களும் முழுமையான பாதுகாப்பு மற்றும் தனியுரிமைக்காக உள்நாட்டில் நடக்கும்.
மொபைல் நட்பு
டெஸ்க்டாப் முதல் மொபைல் வரை எந்த சாதனத்திலும் எங்கள் மாற்றியைப் பயன்படுத்தவும். இடைமுகம் எந்த திரை அளவிற்கும் சரியாக மாற்றியமைக்கிறது.
பதிவிறக்கம் எளிதாக
உங்கள் மாற்றப்பட்ட ஸ்டைலஸ் குறியீட்டை ஒரே கிளிக்கில் பதிவிறக்கவும் அல்லது நேரடியாக உங்கள் கிளிப்போர்டுக்கு நகலெடுக்கவும்.
Customizable
நாங்கள் அடிப்படை மாற்றத்தை வழங்கும்போது, உங்கள் தேவைகளுக்கு ஏற்ப உருவாக்கப்பட்ட ஸ்டைலஸை மேலும் தனிப்பயனாக்கலாம்.
ஸ்டைலஸ் மாற்றிக்கு CSS ஐ எவ்வாறு பயன்படுத்துவது
உங்கள் CSS குறியீட்டை ஒட்டவும்
உங்கள் தற்போதைய CSS குறியீட்டை கருவியின் இடது பக்கத்தில் உள்ள "CSS உள்ளீடு" உரை பகுதியில் நகலெடுத்து ஒட்டவும்.
மாற்று என்பதைக் கிளிக் செய்க
உங்கள் CSS அமைந்ததும், மாற்று செயல்முறையைத் தொடங்க "CSS ஐ ஸ்டைலஸாக மாற்று" பொத்தானைக் கிளிக் செய்யவும்.
வெளியீட்டை மதிப்பாய்வு செய்யவும்
உங்கள் மாற்றப்பட்ட ஸ்டைலஸ் குறியீடு வலது பக்கத்தில் உள்ள "ஸ்டைலஸ் வெளியீடு" உரை பகுதியில் தோன்றும். துல்லியத்திற்காக அதை மதிப்பாய்வு செய்யவும்.
நகலெடுத்தல் அல்லது பதிவிறக்கம்
ஸ்டைலஸ் குறியீட்டை உங்கள் கிளிப்போர்டுக்கு நகலெடுக்க "நகலெடு" பொத்தானைப் பயன்படுத்தவும் அல்லது .styl கோப்பாக சேமிக்க "பதிவிறக்கு" பொத்தானைப் பயன்படுத்தவும்.
CSS vs ஸ்டைலஸ்: வித்தியாசம் என்ன?
| Feature | CSS | Stylus |
|---|---|---|
| Syntax | சுருள் பிரேஸ்கள் மற்றும் அரைப்புள்ளிகள் | உள்தள்ளல் அடிப்படையிலானது, பிரேஸ்கள் / பெருங்குடல்கள் இல்லை |
| Variables | உள்ளமைக்கப்பட்ட ஆதரவு இல்லை | முழு ஆதரவு |
| Nesting | Limited | விரிவான கூடு கட்டும் திறன்கள் |
| Mixins | No | Yes |
| Functions | மிகவும் குறைவாகவே | முழு செயல்பாடு ஆதரவு |
| குறியீடு மறுபயன்பாட்டினை | Low | High |
Related Tools
CSS3 உருமாற்றங்களை எளிதாக உருவாக்கவும்
சிக்கலான CSS3 ஐ உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த, உள்ளுணர்வு கருவி குறியீடு எழுதாமல் மாற்றுகிறது. நிகழ்நேரத்தில் மாற்றங்களைக் காட்சிப்படுத்தி, உங்கள் திட்டங்களில் பயன்படுத்த உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றிக்கு Sass
உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CRC-32 ஹாஷ் கால்குலேட்டர்
CRC-32 செக்சம்களை விரைவாகவும் எளிதாகவும் உருவாக்கவும்
CSS3 மாற்றம் ஜெனரேட்டர்
மென்மையான ஒளிபுகாநிலை மாற்றம்
வார்த்தைக்கு எண் மாற்றி
எழுதப்பட்ட எண்களை பல மொழிகளில் அவற்றின் எண் சமமானதாக மாற்றவும்