இலவச CSS பட்டன் ஜெனரேட்டர்

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

பொத்தான் முன்னோட்டம்

உருவாக்கப்பட்ட CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

பொத்தான் பண்புகள்

பிரபலமான முன்னமைவுகள்

Related Tools

CSS மாற்றிக்கு Sass

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

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

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

CSS Minifier

தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்

அதிர்வெண் அலகு மாற்றி

உங்கள் பொறியியல் மற்றும் அறிவியல் கணக்கீடுகளுக்கு துல்லியத்துடன் அதிர்வெண் வெவ்வேறு அலகுகளுக்கு இடையில் மாற்றவும்

ஆன்லைன் உரை நிழல் CSS ஜெனரேட்டர்

உங்கள் வலைத்தளத்திற்கான அதிர்ச்சியூட்டும் சாய்வு உரை விளைவுகளை உருவாக்கவும்

நம்பக இடைவெளி கால்குலேட்டர்

உங்கள் மாதிரி தரவுக்கான நம்பக இடைவெளிகளை துல்லியமாகவும் எளிதாகவும் கணக்கிடுங்கள்.