Maɓallin CSS Kyauta

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

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

Maballin Rubutun

Size

Shape

Color

Shahararrun Saiti

Related Tools

Ƙirƙirar Matsalolin Flexbox cikakke

Haɓaka, keɓancewa, da samar da lambar CSS flexbox tare da ilhamar ja-da-saukar da mu.

Stylus zuwa CSS Converter

Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.

SCSS zuwa CSS Converter

Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.

Canza CSS zuwa SCSS

Canza lambar CSS ɗin ku zuwa SCSS tare da masu canji, gida, da ƙari. Mai sauri, mai sauƙi, kuma amintacce.

HSV zuwa RGB

Maida lambobin launi na HSV zuwa ƙimar RGB don ci gaban yanar gizo

Canjin Wutar Lantarki

Canza tsakanin raka'o'in lantarki daban-daban tare da madaidaicin lissafin injiniyan ku