Sovas
UA
Web Tools
Inicio
Todas las herramientas
Contacto
DE
EN
ES
PL
PT
RU
UA
Volver a los servicios
Generador de botones CSS PRO
Crea botones perfectos con animaciones, enlaces, espaciado y sombras.
Moderna
Contorno
Animación de relleno
Neón (Glow)
Texto, Enlace e Icono
Texto del botón:
Símbolo/Icono:
Sin icono
Flecha →
Marca ✓
Cohete 🚀
Carrito 🛒
Estrella ⭐
Fuego 🔥
Correo ✉
Posición:
Izquierda
Derecha
Enlace (URL):
En una ventana nueva (_blank)
Tamaño de fuente:
16
px
Grosor de fuente:
Normal (400)
Medium (500)
Semi-Bold (600)
Bold (700)
Espaciado (Spacing)
Interno (Padding)
Arriba/Abajo (Y):
12
px
Izquierda/Derecha (X):
24
px
Externo (Margin)
Arriba/Abajo (Y):
10
px
Izquierda/Derecha (X):
0
px
Colores y Hover
Cambio de color normal
Relleno de izquierda a derecha
Relleno de abajo hacia arriba
Brillo de neón
Desactivar efecto Hover
Estado normal
Color de fondo
Color de texto
Color de borde
Al pasar el ratón (Hover)
Color de fondo (o relleno)
Color de texto
Color de borde
Forma, Sombra y Clic
Radio de esquina:
8
px
Grosor del borde:
0
px
Sombra (Box Shadow):
Sin sombra
Muy ligera
Media (Soft)
Grande (Float)
Efecto 3D (Inferior)
Efecto al hacer clic (Active):
Ninguno
Reducción (Scale 0.95)
Desplazamiento hacia abajo (Translate Y)
Vista previa
HTML:
Copiar
CSS:
Copiar
¡Copiado!
