Forhåndsvisning av knapp

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

Egenskaper for knapp

Populære forhåndsinnstillinger

Related Tools

CSS3 overgangsgenerator

Jevn opasitetsovergang

Generer CSS3-transformasjoner med letthet

Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.

Mindre til CSS-konverterer

Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.

Base64 til bildekonvertering

Konverter Base64-strenger tilbake til bilder for webutvikling og datavisualisering

Rabatt Kalkulator

Beregn rabatter, salgspriser og besparelser med vår brukervennlige rabattkalkulator.

Omformer av tidsenhet

Konverter mellom ulike tidsenheter med presisjon for dine vitenskapelige, tekniske og daglige behov