Preview Button

An ƙirƙira 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); }

Button Properties

Shahararrun Saiti

Related Tools

Kasa zuwa CSS Converter

Canza Ƙananan lambar ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.

CSS3 Transition Generator

Canjin yanayin haske mai laushi

CSS Beautifier

Tsara da ƙawata lambar CSS ɗin ku tare da ƙwararrun ƙwararru

Juyin Nauyi

Canza tsakanin raka'a daban-daban na nauyi tare da daidaito don girkin ku, dacewa da buƙatun kimiyya

SHA-1 Hash Kalkuleta

Ƙirƙirar SHA-1 hashes cikin sauri da sauƙi

Maida XML zuwa JSON Ba Kokari ba

Canza bayanan XML ɗin ku zuwa tsarin JSON da aka tsara tare da dannawa ɗaya. Mai sauri, amintacce, kuma cikakken tushen burauza.