Con el plugin Red Eyes Froggy Buttons puedes agregar fácilmente efectos de desplazamiento css3 a tus botones, enlaces, etc.. Depende de usted establecer qué elementos se verán afectados por el complemento.
La página Configuración se divide en dos secciones principales.
los sección general
En el sección general de la página Configuración puede elegir si
- aplicar efectos a cada botón, enlace, input of type «entregar» and input of type «botón»
- aplicar efectos a cada botón, enlace, input of type «entregar» and input of type «botón» excepto botón y enlaces en sus menús
- aplicar efectos a los botones, Enlaces, inputs of type «entregar» and inputs of type «botón» but not to he nornmal links
- aplicar efectos a los botones, Enlaces, inputs of type «entregar» and inputs of type «botón» but not to he nornmal links botón excepto en sus menús
- aplicar efectos solo a una clase específica
Además puedes incluso excluir una o más clases
Alternativamente, solo puedes usar Código corto e inserta tu botón donde quieras. Incluso puedes poner diferentes códigos cortos con diferentes efectos en la misma página. El único límite es tu gusto..
los Sección de efectos
En el Sección de efectos de la página Configuración puede
- elegir el efecto a aplicar entre 25 efectos disponibles
- establecer el color base (se calculará automáticamente un segundo color para garantizar el mejor contraste posible entre el fondo y el texto)
- establecer el ancho del botón
- establecer la altura del botón
- establecer el ancho del borde
- establecer el radio del borde
- establecer la duración de la animación
- si lo requiere el efecto, estarán disponibles algunos controles más para establecer sombras
La sección de créditos
También hay una tercera sección., el Sección de créditos, donde puedes encontrar los enlaces al código CSS original, generalmente alojado en CodePen.
los Prima versión del complemento
Red Ryes Froggy Button Premium aún está en desarrollo y se lanzará pronto.
En el versión premium
- 26 habrá más efectos disponibles
- puede elegir usar el modo de color automático y dejar que el complemento haga el trabajo sucio o elegir el control de color completo y configurarlo manualmente:
- color de fondo
- color de fondo al pasar el mouse
- color de texto
- color de texto al pasar el mouse
- color del borde
- color de borde al pasar el mouse
- color de las sombras, si lo requiere el efecto
Para cualquier pregunta, don\’t hesitate to cantact me: I\’ll be happy to help you!