Tombol Pratinjau

CSS digawe

.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); }

Button Properties

Preset populer

Related Tools

Nggawe Transformasi CSS3 kanthi Gampang

Alat sing kuat lan intuisi kanggo nggawe transformasi CSS3 sing kompleks tanpa nulis kode. Visualisasi owah-owahan ing wektu nyata lan salin CSS sing digawe kanggo digunakake ing proyek sampeyan.

Generator Transisi CSS3

Transisi opacity lancar

Kurang kanggo Konverter CSS

Ganti kode Kurang dadi CSS. Cepet, gampang, lan aman.

HEX kanggo RGB

Ngonversi kode warna HEX menyang nilai RGB kanggo pangembangan web

Kalkulator Hash SHA3-224

Gawe hash SHA3-224 kanthi cepet lan gampang

Konverter SCSS menyang CSS

Ganti kode SCSS sampeyan dadi CSS. Cepet, gampang, lan aman.