Gomb előnézete

Generált 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); }

Gomb tulajdonságai

Népszerű előbeállítások

Related Tools

CSS Glitch szöveg effektus

Hozzon létre lenyűgöző glitch-effektusokat szövegéhez ezzel az interaktív generátorral. Tökéletes cyberpunkhoz, játékhoz vagy bármilyen olyan dizájnhoz, amelyhez éles, futurisztikus megjelenésre van szükség.

CSS3 átalakítások egyszerű létrehozása

Hatékony, intuitív eszköz összetett CSS3 transzformációk létrehozásához kódírás nélkül. Valós időben vizualizálhatja a változásokat, és másolhatja a generált CSS-t a projektekben való használatra.

SCSS-CSS átalakító

Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.

Készítsen gyönyörű CSS színátmeneteket könnyedén

Hozzon létre lenyűgöző lineáris, radiális és kúpos színátmeneteket intuitív kezelőfelületünkkel. Másolja ki a CSS-kódot, és azonnal használja projektjeiben.

CMYK-ről RGB-re

CMYK színértékek konvertálása RGB-re digitális alkalmazásokhoz

Szöveg oktálisra

Konvertálja a szöveget oktális ábrázolássá könnyedén