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 மாற்றிக்கு ஸ்டைலஸ்

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

CSS மாற்றி SCSS

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

ஹெக்ஸ் முதல் தசமம் வரை

ஹெக்ஸாடெசிமல் எண்களை சிரமமின்றி தசமமாக மாற்றவும்

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

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

தற்போதைய மாற்றி

வெவ்வேறு அலகுகளுக்கு இடையில் மின்சாரத்தை துல்லியமாகவும் எளிதாகவும் மாற்றவும்