เครื่องสร้างปุ่ม 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.

ปุ่ม Preview

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

บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ

สร้างการแปลง CSS3 ได้อย่างง่ายดาย

เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ

ตัวสร้างการเปลี่ยน CSS3

การเปลี่ยนความทึบที่ราบรื่น

การแปลงหน่วยพลังงาน

แปลงระหว่างหน่วยพลังงานต่างๆ ด้วยความแม่นยําและง่ายดาย

ตัวแปลง CSS เป็น LESS

แปลงโค้ด CSS ของคุณให้เป็น LESS ด้วยตัวแปร การซ้อน และอื่นๆ รวดเร็ว ง่ายดาย และปลอดภัย

Illuminance Converter

แปลงความสว่างระหว่างหน่วยต่างๆ ด้วยความแม่นยํา