Apakah alat ini gratis?

Ya, alat ini sepenuhnya gratis. Tanpa biaya tersembunyi, tanpa watermark, dan tanpa batasan penggunaan.

Apakah data saya aman?

Tentu saja. Semua pemrosesan dilakukan langsung di browser kamu. File tidak pernah diunggah ke server manapun.

Apakah saya perlu membuat akun?

Tidak perlu mendaftar. Cukup buka alatnya dan langsung gunakan.

Generator Tombol

Buat tombol CSS yang indah dengan efek hover, gradien, bayangan, dan animasi. Kustomisasi warna, border, padding dan salin kode CSS siap produksi.

Preset

Teks Tombol

Warna

Warna Latar

Warna Teks

Latar Saat Hover

Gradien

Tipografi

Ukuran Font16px

Ketebalan Font

Spasi

Padding X24px

Padding Y12px

Border

Lebar Border0px

Radius Border8px

Bayangan

Kecepatan Transisi200ms

Pratinjau

Arahkan kursor untuk melihat efek

Output CSS

/* Button Styles */
.button {
  background-color: #3b82f6;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 200ms ease;
  cursor: pointer;
}

.button:hover {
  background-color: #2563eb;
}

Alat Terkait

🔒 Hasil instan, lebih cepat dari AI. Tanpa daftar. 100% privat.