WebResourcesDepot presenta una selección de botones creados con CSS3 que pueden ser descargados, utilizados o editados a gusto de cada uno. Algunos ejemplos como BonBon ya los había probado pero otros son novedosos y de todos ellos algo puede aprenderse.
| CSS3 Buttons es un conjunto de 18 estilos con varios colores y formas. | |
| Dolor lorem ipsum | Zardi es una serie de reglas de estilo creadas por Horacio Bella que pueden ser utilizadas parcial o totalmente. |
| Awesome Yellow Button » | Super Awesome Buttons son botones con sombras, aptos para fondos claros u oscuros. |
| Fancy Buttons es complicado pero es para verlo y mirar el código fuente y experimentar. | |
| Try to click me | 10 Nice CSS3 Buttons es interesant porque contiene explicaciones paso a paso |
CSS3 Animated Bubble Buttons requiere el uso de imágenes de fondo; ver demo online
Y más:
- Pretty CSS3 Buttons
- GitHub-Style CSS3 Buttons
- We Love Buttons
- Sexy Buttons
- Realistic CSS3 Buttons
- Make CSS3 buttons that are extremely fancy
- Creating a Realistic Looking Button with CSS3
- How To Design A Sexy Button Using CSS
- Better Button and Nav Interactions
- CSS3 Buttons Without Any Images
- CSS3 Gradient Buttons
6 comentarios:
Muy bueno Jmiur, fáciles de implementar, buen viernes :D
Para divertirse un rato :D
JMiur... ME VEO EN LA NECESIDAD DE ACUDIR NUEVAMENTE A TU CONSEJO (PARA VARIAR, CON UN TEMA QUE NO TIENE NADA QUE VER CON LA ENTRADA:). RESULTA QUE QUIERO AÑADIR UN GADGET A LA COLUMNA LATERAL, JUNTO CON TODOS LOS OTROS GADGETS. SE TRATA DE UNA IMAGEN "GIF" COMPUESTA POR CUATRO FOTOGRAFÍAS QUE SE SUCEDEN UNA LUEGO DE LA OTRA. INTENTÉ AÑADIRLA COMO "IMAGEN" Y COMO "HAVASCRIPT", PERO EN AMBOS CASOS SOLO VEO LA PRIMERA FOTOGRAFÍA. AL COMIENZO CREÍ QUE PODIA SER MI NAVEGADOR, PERO HE COMPROBADO QUE MUCHOS BLOGS LO TIENEN Y PUEDO VERLOS SIN NINGÚN PROBLEMA DESDE MI COMPUTADOR. ¿POR QUE SUCEDE ESO? ¿COMO PUEDO SOLUCIONARLO? MUCHAS GRACIAS DE ANTEMANO, MUCHAS GRACIAS TAMBIÉN POR HABER RESPONDIDO MIS DUDAS ANTERIORES. TE DEJO UN ABRAZOO
¿Para que en negrita?
Tendría que ver tu ejemplo porque no lo comprendo. Si es una imagen, se verá la imagen; no sé si lo que estás colocando es alguna especie de GIF animado; si es así, puede ser que no se vea animado, dependiendo de dónde lo has alojado. Si lo subes a Blogger, suele suceder eso. Si lo subes directamente a Picasa, es probable que lo veas animado.
Si copias la URL de la imagen y la colocas en el navegador, verás si es animado o no.
Es estupendo el boton de la primera web,pero despues de colocar todos los codigos estaba pensando sustituir dicho boton por el de publicar un comentario y vista previa de aqui abajo...pero ¿eso es posible?
No. Esos botones que se ven en el formulario de comentarios de Blogger, no pueden ser modificados.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...