Estilo del texto en placeholder

Antes de nada, revisa información si no sabes que es un texto en placeholder. El texto placeholder en el input (en los navegadores que lo tengan implementado) da un color gris por defecto. Para elegir el color que deseemos, simplemente tendremos que añadir estas líneas de código a nuestro archivo CSS. En mi caso he elegido … Lee más!

Imagen circular con CSS3

Existen muchas cosas que se pueden crear con círculos: Logos circulares, menús circulares… Hoy os mostraré como crear imágenes circulares mediante el uso de CSS3. La única pega que se le puede poner, es que la imagen aparecerá como fondo (background). Es decir, en teoría no se podría hacer este efecto en una etiqueta de … Lee más!

CSS3: resize, propiedad

Al igual que podemos redimensionar ventanas en el sistema operativo, con la propiedad resize podremos hacer lo mismo, pero con las cajas de texto (textarea). Esta propiedad, una nueva característica de la interfaz de usuario de CSS3, nos permitirá agrandar o hacer más pequeñas las cajas de texto, con el cursor. Por ahora únicamente está … Lee más!

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: Configurando las … Lee más!

Espectacular animación 3D de Creative Commons con CSS3 y HTML5

Ya sabemos las maravillas que puede realizar CSS3, pero los de Creative Commons nos sorprenden todavía más con esta animación realizada únicamente con HTML5 y CSS3, usando las propiedades CSS animations, transforms y transitions. El resultado es bastante espectacular, pero se necesita Firefox 4.0 beta, Chrome o Safari 5 para que funcione. Sin duda, esto … Lee más!

Efecto gaussiano con CSS3

Desafortunadamente CSS3 no dispone de ninguna característica para poder crear efectos gaussianos, pero podemos emularlo de forma sencilla si definimos un color transparente a la propiedad text-shadow. Por ejemplo, con esta estructura: Añadiendo este código CSS: Como dije anteriormente, la importancia reside en el color, que está definido en transparente. Puedes controlar la suavidad del … Lee más!

Text-stroke, borde en el texto con CSS3

Es muy fácil hacer borde en un texto con imágenes, con Photoshop, pero, ¿y si queremos hacerlo con CSS? Una nueva característica de CSS3, text-stroke, (aunque todavía no es parte de él) es la inclusión de borde en el texto, de una forma muy sencilla, tal y como nos tiene acostumbrados CSS3. Pero hay que … Lee más!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.