Knap Eksempel

Genereret CSS-knap

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

Egenskaber

Populære forudindstillinger

Related Tools

Sass til CSS konverter

Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.

CSS til LESS-konverter

Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.

Less til CSS Konverter

Omdan din Less-kode til CSS. Hurtigt, nemt og sikkert.

Elektrisk enhedskonverter

Konverter mellem forskellige elektriske enheder med præcision til dine tekniske beregninger

Tekst til binær

Konverter tekst til binær kode uden besvær

HTML-forskønner

Formater og forskønne din HTML-kode med professionel præcision