CSS மாற்றி SCSS
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்று கருவிக்கு SCSS
ஏன் CSS மாற்றி எங்கள் SCSS பயன்படுத்த
உடனடி மாற்றம்
உங்கள் SCSS குறியீட்டை CSS க்கு உடனடியாக மாற்றவும் ஒரு பொத்தானை ஒரு கிளிக்கில் உடனடியாக. காத்திருப்பு தேவையில்லை.
துல்லியமான தொகுப்பு
எங்கள் மாற்றி துல்லியமாக SCSS குறியீட்டை உலாவி-தயார் CSS, மாறிகள், மிக்சின்கள் மற்றும் பலவற்றைக் கையாளுகிறது.
100% பாதுகாப்பானது
உங்கள் குறியீடு உங்கள் உலாவியை விட்டு ஒருபோதும் வெளியேறாது. அனைத்து மாற்றங்களும் முழுமையான பாதுகாப்பு மற்றும் தனியுரிமைக்காக உள்நாட்டில் நடக்கும்.
மொபைல் நட்பு
டெஸ்க்டாப் முதல் மொபைல் வரை எந்த சாதனத்திலும் எங்கள் மாற்றியைப் பயன்படுத்தவும். இடைமுகம் எந்த திரை அளவிற்கும் சரியாக மாற்றியமைக்கிறது.
பதிவிறக்கம் எளிதாக
உங்கள் தொகுக்கப்பட்ட CSS குறியீட்டை ஒரே கிளிக்கில் பதிவிறக்கவும் அல்லது அதை நேரடியாக உங்கள் கிளிப்போர்டுக்கு நகலெடுக்கவும்.
தனிப்பயனாக்கக்கூடிய வெளியீடு
சிறிதாக்கல் மற்றும் மூல வரைபடங்கள் உட்பட வெளியீட்டு வடிவமைப்பைக் கட்டுப்படுத்த தொகுத்தல் அமைப்புகளை சரிசெய்யவும்.
CSS மாற்றி SCSS ஐ எவ்வாறு பயன்படுத்துவது
உங்கள் SCSS குறியீட்டை ஒட்டவும்
உங்கள் இருக்கும் SCSS குறியீட்டை கருவியின் இடது பக்கத்தில் உள்ள "SCSS உள்ளீடு" உரை பகுதியில் நகலெடுத்து ஒட்டவும்.
மாற்று என்பதைக் கிளிக் செய்க
உங்கள் SCSS இடத்தில் இருந்தவுடன், தொகுப்பு செயல்முறையைத் தொடங்க "SCSS ஐ CSS க்கு மாற்று" பொத்தானைக் கிளிக் செய்க.
வெளியீட்டை மதிப்பாய்வு செய்யவும்
உங்கள் தொகுக்கப்பட்ட CSS குறியீடு வலது பக்கத்தில் உள்ள "CSS வெளியீடு" உரை பகுதியில் தோன்றும். துல்லியத்திற்காக அதை மதிப்பாய்வு செய்யவும்.
நகலெடுத்தல் அல்லது பதிவிறக்கம்
CSS குறியீட்டை உங்கள் கிளிப்போர்டுக்கு நகலெடுக்க "நகலெடு" பொத்தானைப் பயன்படுத்தவும் அல்லது அதை .css கோப்பாக சேமிக்க "பதிவிறக்கு" பொத்தானைப் பயன்படுத்தவும்.
SCSS vs CSS: வித்தியாசம் என்ன?
| Feature | CSS | SCSS |
|---|---|---|
| Syntax | எளிய CSS தொடரியல் | சுருள் பிரேஸ்களுடன் கூடிய CSS போன்ற தொடரியல் |
| Variables | உள்ளமைக்கப்பட்ட ஆதரவு இல்லை | $variable தொடரியல் முழு ஆதரவு |
| Nesting | Limited | விரிவான கூடு கட்டும் திறன்கள் |
| Mixins | No | ஆம் @mixin மற்றும் @include |
| Inheritance | No | ஆம் @extend |
| கோப்பு இறக்குமதி | வரையறுக்கப்பட்ட @import திறன்கள் | மேம்பட்ட @use மற்றும் @forward விதிகள் |
Related Tools
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS3 உருமாற்றங்களை எளிதாக உருவாக்கவும்
சிக்கலான CSS3 ஐ உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த, உள்ளுணர்வு கருவி குறியீடு எழுதாமல் மாற்றுகிறது. நிகழ்நேரத்தில் மாற்றங்களைக் காட்சிப்படுத்தி, உங்கள் திட்டங்களில் பயன்படுத்த உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
CSS மாற்றிக்கு ஸ்டைலஸ்
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
தசமம் முதல் ஆக்டல் வரை
தசம எண்களை ஆக்டலாக சிரமமின்றி மாற்றவும்
வேர்ல்பூல் ஹாஷ் கால்குலேட்டர்
வேர்ல்பூல் ஹேஷ்களை விரைவாகவும் எளிதாகவும் உருவாக்கவும்
Base64 குறியாக்க கருவி
உங்கள் உலாவியில் எளிதாக உரையை Base64 வடிவத்திற்கு குறியாக்கம் செய்யவும்.