CSS முக்கோண ஜெனரேட்டர்
கீழே உள்ள விருப்பங்களுடன் உங்கள் முக்கோணத்தைத் தனிப்பயனாக்கி, உருவாக்கப்பட்ட CSS குறியீட்டை உடனடியாகப் பெறுங்கள்.
Controls
திண்ம முக்கோணங்களுக்கு 0 ஆக அமைக்கவும்
Preview
உருவாக்கப்பட்ட CSS
$triangle-color: #165DFF; $triangle-size: 100px; .triangle { width: 0; height: 0; border-left: $triangle-size solid transparent; border-right: $triangle-size solid transparent; border-bottom: calc($triangle-size * 2) solid $triangle-color; }
சக்திவாய்ந்த அம்சங்கள்
எங்கள் CSS முக்கோண ஜெனரேட்டர் உங்கள் திட்டங்களுக்கு சரியான முக்கோணங்களை உருவாக்க உதவும் பல அம்சங்களுடன் வருகிறது.
முழு கட்டுப்பாடு
உங்கள் வடிவமைப்பிற்கான சரியான முக்கோணத்தை உருவாக்க அளவு, திசை, நிறம் மற்றும் எல்லை அகலத்தை சரிசெய்யவும்.
கிளிப்போர்டுக்கு நகலெடுக்கவும்
உங்கள் திட்டங்களில் எளிதாக ஒருங்கிணைக்க ஒரே கிளிக்கில் உருவாக்கப்பட்ட CSS குறியீட்டை உடனடியாக நகலெடுக்கவும்.
பதிலளிக்க வடிவமைப்பு
டெஸ்க்டாப் முதல் மொபைல் வரை எல்லா சாதனங்களிலும் ஜெனரேட்டர் சரியாக வேலை செய்கிறது, நீங்கள் எங்கும் முக்கோணங்களை உருவாக்க முடியும் என்பதை உறுதி செய்கிறது.
அனிமேஷன் முக்கோணங்கள்
துடிப்பு, பவுன்ஸ் மற்றும் சுழற்சி போன்ற உள்ளமைக்கப்பட்ட அனிமேஷன்களுடன் உங்கள் முக்கோணங்களுக்கு இயக்கத்தைச் சேர்க்கவும்.
உங்கள் முக்கோண உள்ளமைவுகளைச் சேமித்து, குழு உறுப்பினர்கள் அல்லது நண்பர்களுடன் பகிரவும்.
பல திசைகள்
ஒரே கிளிக்கில் மூலைவிட்டங்கள் உட்பட எந்த திசையிலும் சுட்டிக்காட்டும் முக்கோணங்களை உருவாக்கவும்.
நிஜ உலக வடிவமைப்பு காட்சிகளில் CSS முக்கோணங்களை எவ்வாறு பயன்படுத்தலாம் என்பதைப் பார்க்கவும்.
பேச்சுக் குமிழி
தூய CSS ஐப் பயன்படுத்தி முக்கோண சுட்டிகளுடன் அரட்டை இடைமுகங்களை உருவாக்கவும்.
பிளே பட்டன்
CSS முக்கோணங்களைப் பயன்படுத்தி ஸ்டைலான ப்ளே / இடைநிறுத்த பொத்தான்களுடன் மீடியா பிளேயர்களை வடிவமைக்கவும்.
வழிசெலுத்தல் அம்புகள்
சுத்தமான, இலகுரக முக்கோண அம்புகளுடன் வழிசெலுத்தல் கட்டுப்பாடுகளை செயல்படுத்தவும்.
பேட்ஜ் அல்லது அறிவிப்பு
CSS முக்கோணங்களுடன் கவனத்தை ஈர்க்கும் பேட்ஜ்கள் மற்றும் அறிவிப்புகளை உருவாக்கவும்.
வடிவியல் முறை
CSS முக்கோணங்களின் சேர்க்கைகளைப் பயன்படுத்தி சிக்கலான பின்னணிகள் மற்றும் வடிவங்களை வடிவமைக்கவும்.
Tooltip
CSS முக்கோணங்களைப் பயன்படுத்தி பாணியிலான சுட்டிகளுடன் ஊடாடும் கருவிக்குறிப்புகளை உருவாக்கவும்.
CSS முக்கோண ஜெனரேட்டர் பற்றி
எங்களுடைய CSS முக்கோண ஜெனரேட்டர் CSS முக்கோணங்களை விரைவாகவும் திறமையாகவும் உருவாக்க வேண்டிய வலை உருவாக்குநர்கள் மற்றும் வடிவமைப்பாளர்களுக்காக வடிவமைக்கப்பட்ட ஒரு சக்திவாய்ந்த கருவியாகும். நீங்கள் ஒரு எளிய கருவிக்குறிப்பை உருவாக்கினாலும், சிக்கலான UI உறுப்பை உருவாக்கினாலும் அல்லது CSS உடன் பரிசோதனை செய்தாலும், எங்கள் ஜெனரேட்டர் உங்களுக்கு பாதுகாப்பு அளித்துள்ளது.
CSS முக்கோணங்களை ஏன் பயன்படுத்த வேண்டும்?
- இலகுரக: படங்கள் அல்லது கூடுதல் ஆதாரங்கள் தேவையில்லை
- அளவிடக்கூடியது: எந்த அளவிலும் சரியான தரத்தை தக்க வைத்துக் கொள்ளுங்கள்
- தனிப்பயனாக்கக்கூடியது: அளவு, நிறம் மற்றும் திசையில் முழு கட்டுப்பாடு
- செயல்திறன்: பட அடிப்படையிலான தீர்வுகளுடன் ஒப்பிடும்போது சிறந்த ஏற்றுதல் நேரங்கள்
- பொறுப்பு: எல்லா சாதனங்களிலும் செய்தபின் வேலை செய்கிறது
Related Tools
சரியான ஃப்ளெக்ஸ்பாக்ஸ் தளவமைப்புகளை உருவாக்கவும்
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் CSS ஃப்ளெக்ஸ்பாக்ஸ் குறியீட்டைக் காட்சிப்படுத்தவும், தனிப்பயனாக்கவும் மற்றும் உருவாக்கவும்.
CSS மாற்றிக்கு ஸ்டைலஸ்
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றி SCSS
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
Base64 குறியாக்கி கருவி
WordPress க்கான பாதுகாப்பான கடவுச்சொல் ஹேஷ்களை உருவாக்கவும்
RGB முதல் CMYK வரை
அச்சு வடிவமைப்பிற்கான RGB வண்ணங்களை CMYK மதிப்புகளாக மாற்றவும்
அழகான CSS ஏற்றிகள் உருவாக்க
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் நொடிகளில் தனிப்பயன் CSS ஏற்றுதல் அனிமேஷன்களை உருவாக்கவும். குறியீட்டு முறை தேவையில்லை!