Botones CSS
CategoríaDistintos tipos de botones que puedes crear con CSS.
Crea fácilmente botones 3D con CSS3 y Ruby
Alexis ha creado una fórmula para poder realizar botones en tres dimensiones con CSS3 y Compass, una extensión de Ruby, de forma sencilla y rápida. Únicamente hay que seguir estos pasos: Instalación de la extensión Cuando hayas descargado la extensión, únicamente será necesario incluirla en el sitio y realizar una referencia a ella: @import “fancy_3d_buttons”; … Lee más!
Botón presionado con CSS
Cada vez se usan más los botones con estado “active” o activo (presionado) en CSS. Usaremos una imagen como rollover crear un botón con estado normal y presionado (active) en CSS. Empezemos: dtsv.dtse_post_1882_permalink = ‘http://www.cssblog.es/boton-presionado-con-css/’; dtsv.dtse_post_1882_title = ‘Botón presionado con CSS’;
31 generadores de diseño online
A veces es mucho más cómodo ir a una herramienta online, para poder, por ejemplo, crear rayas de un fondo, que ir creándolas tú manualmente con Photoshop. En esta entrada se muestran 31 generadores de diseño online de todo tipo: rayas, de fondo degradados, favicons, letras, botones, graffitis… 3d-pack.com asciiomatic buttonator.com buttonmaker colorblender.com colorschemedesigner.com creatr … Lee más!
Crear un botón rollover con CSS Sprites
Os mostraremos como crear un botón rollover sin necesidad de usar Javascript, solo con CSS e imagen voluntaria. Lo podemos hacer de varias maneras, aplicando la clase a un enlace, un div o un button: dtsv.dtse_post_814_permalink = ‘http://www.cssblog.es/crear-un-boton-rollover-con-css-sprites/’; dtsv.dtse_post_814_title = ‘Crear un botón rollover con CSS Sprites’;
Crear Acordeon en CSS
Podemos crear un sencillo acordeón en CSS, que al pasar por encima se muestre, (se despliege), y si quitamos el cursor, vuelva a contraerse. Debemos seguir estos pasos: dtsv.dtse_post_339_permalink = ‘http://www.cssblog.es/crear-acordeon-en-css/’; dtsv.dtse_post_339_title = ‘Crear Acordeon en CSS’;
Crear botones CSS estilo Wii
Con una imagen, un archivo CSS con su respectivo código y un poco de esfuerzo, podremos crear botones CSS parecidos a los de Nintendo Wii, totalmente compatibles con IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9. Los pasos para crearlo son muy simples, y se ilustran al salto de la página. dtsv.dtse_post_187_permalink = ‘http://www.cssblog.es/crear-botones-css-estilo-wii/’; … Lee más!
