Categoría · Interactivo Nivel de Dificultad · Principiante Publicado el · 22 de enero de 2024
Colección de Botones Gradiente
Una colección completa de botones modernos con gradientes, efectos hover, animaciones y varios estilos. Perfecto para CTAs, formularios y elementos interactivos con atractivo visual impresionante.
#gradient
#buttons
#hover
#animation
#cta
Diseño Responsivo
Sí
Soporte para Modo Oscuro
No
líneas
123
Compatibilidad del Navegador
No
Vista Previa en Vivo
Interactúa con el componente sin salir de la página.
这是一个现代化的渐变按钮集合，包含多种样式和效果。
HTML
23
líneas
CSS
100
líneas
<div class="button-collection">
<div class="collection-header">
<h2 class="collection-title">Colección de Botones Gradiente</h2>
<p class="collection-subtitle">Botones modernos con efectos de gradiente impresionantes</p>
</div>
<div class="button-grid">
<div class="button-section">
<h3 class="section-title">Gradientes Primarios</h3>
<div class="button-row">
<button class="gradient-btn primary-ocean">
<span class="btn-text">Azul Océano</span>
</button>
<button class="gradient-btn primary-sunset">
<span class="btn-text">Atardecer</span>
</button>
<button class="gradient-btn primary-forest">
<span class="btn-text">Bosque</span>
</button>
</div>
</div>
</div>
</div>