CSS ரிப்பன் ஜெனரேட்டர்

உங்கள் வலைத்தளத்திற்கு கண்ணைக் கவரும் ரிப்பன்களை வடிவமைக்கவும்

Controls

Small Large
Small Large

Preview

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

/* Ribbon Styles */ .ribbon { position: absolute; top: 20px; right: -50px; width: 200px; padding: 8px 0; background-color: #3B82F6; color: white; text-align: center; transform: rotate(45deg); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 100; font-size: 16px; font-weight: bold; }

CSS ரிப்பன் ஜெனரேட்டர் பற்றி

பயன்படுத்த எளிதான எங்கள் ஜெனரேட்டர் மூலம் உங்கள் இணையதளத்திற்கு அழகான, பதிலளிக்கக்கூடிய CSS ரிப்பன்களை உருவாக்கவும். படங்கள் தேவையில்லை - வெறும் தூய CSS மந்திரம்!

முக்கிய அம்சங்கள்

  • பல பாணிகள்:நிலையான மற்றும் மூலை ரிப்பன்களுக்கு இடையே தேர்வு செய்யவும்
  • தனிப்பயனாக்கக்கூடிய அளவு:உங்கள் வடிவமைப்பிற்கு ஏற்றவாறு ரிப்பன் அளவை சரிசெய்யவும்
  • வண்ண விருப்பங்கள்:முன் வரையறுக்கப்பட்ட வண்ணங்களின் வரம்பிலிருந்து தேர்ந்தெடுக்கவும் அல்லது சொந்தமாகத் தேர்வுசெய்யவும்
  • நிலை கட்டுப்பாடு:உங்கள் உறுப்பின் எந்த மூலையிலும் நாடாவை வைக்கவும்
  • அனிமேஷன் விளைவுகள்:உங்கள் நாடாவை தனித்து நிற்க நுட்பமான அனிமேஷன்களைச் சேர்க்கவும்
  • எளிதாக செயல்படுத்த சுத்தமான, குறைக்கப்பட்ட குறியீட்டைப் பெறுங்கள்

பொதுவான பயன்பாட்டு வழக்குகள்

விற்பனை பதாகைகள்

உங்கள் ஈ-காமர்ஸ் தளத்தில் சிறப்பு சலுகைகள் மற்றும் விளம்பரங்களை முன்னிலைப்படுத்தவும்.

புதிய அம்சங்கள்

உங்கள் பயன்பாட்டில் புதிய அம்சங்கள் அல்லது புதுப்பிப்புகளுக்கு கவனத்தை ஈர்க்கவும்.

சுயவிவரங்களில் விருதுகள், சான்றிதழ்கள் அல்லது சிறப்பு நிலையை காட்சிப்படுத்தவும்.

எப்படி உபயோகிப்பது

  1. உங்கள் ரிப்பனின் தோற்றத்தைத் தனிப்பயனாக்க கட்டுப்பாடுகளை சரிசெய்யவும்
  2. நிகழ்நேரத்தில் உங்கள் மாற்றங்களை முன்னோட்டமிடுங்கள்
  3. உருவாக்கப்பட்ட CSS மற்றும் HTML குறியீட்டை நகலெடுக்கவும்
  4. உங்கள் திட்டத்தில் குறியீட்டை ஒட்டவும்
  5. உங்கள் அழகான புதிய ரிப்பனை அனுபவிக்கவும்!

Made with எல்லா இடங்களிலும் டெவலப்பர்களுக்கு.

Related Tools

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

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

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

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

CSS மாற்றிக்கு ஸ்டைலஸ்

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

Pantone முதல் HSV வரை

துல்லியமான வண்ணக் கட்டுப்பாட்டுக்காக பான்டோன் வண்ணங்களை HSV மதிப்புகளாக மாற்றவும்

Base64 முதல் பட மாற்றி

வலை அபிவிருத்தி மற்றும் தரவு காட்சிப்படுத்தலுக்கான Base64 சரங்களை மீண்டும் படங்களாக மாற்றவும்

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

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