Un generador de botones en CSS rápido y sencillo para usar en páginas web

Por @Alvy — 27 de Agosto de 2023

Este Generador de botones de Marko Denic es de esas páginas para guardar porque hace solo una cosa y la hace bien: generar código CSS para botones de páginas HTML. Más rápido y fácil, imposible.

Todo lo que hay que hacer es elegir el botón que prefieras y hacer clic; el código CSS queda «copiado» en el portapapeles y lo puedes pegar luego en cualquier editor de código HTML/CSS. Hay diferentes estilos del tipo:

  • Bordes redondeados
  • Sombras
  • Con cambio de color al pasar por encima (hover)
  • Con una flechita animada
  • Con animación estilo «cortinilla»

El resultado es algo del tipo

.css-button-3d--blue min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #3d348b; box-shadow: 0 5px #2c0b8e;.css-button-3d--blue:hover box-shadow: 0 3px #2c0b8e; top: 1px;.css-button-3d--blue:active box-shadow: 0 0 #2c0b8e; top: 5px;

Más o menos complejo según la opción que elijas. Además de eso si no te convencen los colores y quieres usar los tuyos propios basta cambiarlos en el código de background-color, color, box-shadow y algún otro donde se mencionan.

Relacionado:

Bestseller No. 1 Tecnología Natural

  • Amazon Prime Video (Video on Demand)
  • Steve Nicholls (Director)

Comprar ahoraRebajasBestseller No. 2 Razer Nari Ultimate Auriculares Inalámbricos Tecnología HyperSense, THX Spatial Audio, Almohadillas con Gel de enfriamiento, Auriculares Gaming compatibles con PC, PS4, Switch y Dispositivos móviles

  • Tecnología HyperSense: Siente cada impacto del juego; los auriculares Razer Nari Ultimate cuentan con la tecnología Hypersense que recoge las señales de audio y utiliza las vibraciones para brindar una retroalimentación táctil
  • THX Spatial Audio: El THX Spatial Audio supera las barreras de los canales de audio envolvente 5.1 y 7.1 conocidas hasta ahora y logra reproducir un audio de posición a 360° para disfrutar de una experiencia más natural y realista y además
  • Almohadillas de gel refrigerantes: A diferencia de los auriculares convencionales, las almohadillas de gel refrigerantes reducen el calor mientras que la espuma viscoelástica de alta densidad y la piel sintética
  • Banda de sujeción autoajustable con auriculares giratorios: La banda de sujeción autoajustable con auriculares giratorios está diseñada para ofrecer un ajuste total que se adapte a tu cabeza a la optimización
  • Audio inalámbrico de 2.4 GHz: Consigue un audio para juegos sin retardos y de alta fidelidad con la tecnología inalámbrica de 2.4 GHz Un transmisor USB inalámbrico con tecnología plug-and-play que te permite disfrutar de un rango inalámbrico de hasta 12 metros sin problemas de desconexión

199,99 EUR?60,01 EUR139,98 EURComprar ahoraRebajasBestseller No. 3 Tecnologías de la Información y la Comunicación 1. (Aprender es crecer en conexión) - 9788467827309

  • Tecnologías de la Información y la Comunicación 1. (Aprender es crecer en conexión) - 9788467827309
  • Grupo Anaya Educacion
  • Español
  • Tapa blanda

38,70 EUR?1,41 EUR37,29 EURComprar ahoraBestseller No. 4 Tecnología II. Tecnologías de la información y la comunicación- ESO. Savia (2 libros) - 9788467576399 23,80 EURComprar ahora

Fuente original

Subir