Portada » CSS Avanzado » Página 17
sin miniatura

Valida tu CSS con Juicy Studio

Juicy Studio es otro validador de código CSS. Hace la misma función que el validador JigSaw de W3C pero de un modo más intuitivo, nos informa más detalladamente de los errores que cometemos, y como poder corregirlos. Lástima que esté en inglés. Ver Juicy Studio.

sin miniatura

Degradar fondo con CSS

Podemos degradar fondos con CSS, utilizando cualquier color. Aquí os traemos un generador de degradados para fondos hecho en CSS. Ver generador de degradados en CSS

sin miniatura

Crear popups con CSS

Podemos crear popups con CSS de forma fácil para mostrar la información que deseemos enseñar pero que al mismo tiempo no tengamos que ir a otra página para verla. Los protagonistas de este truco principalmente son la propiedad overflow, que hace que se muestre el elemento (visible) cuando el cursor se sitúa encima del texto … Lee más!

sin miniatura

Un lapiz que dibuja solo con CSS

Una mera curiosidad pero muy llamativa, un lapiz que dibuja una linea hecha totalmente con CSS, nada de imágenes. La línea se dibuja mediante la propiedad overflow y el lapiz mediante la propiedad display: block con una altura y anchura determinada y colores definidos.

sin miniatura

Tabla de colores para CSS

A veces viene bien tener a mano una tabla donde elegir el color que deseemos para usarlo en nuestro diseño, sin necesidad de abrir Photoshop. Aquí tenemos una tabla donde podemos elegir un color cualquiera y nos dirá el código de dicho color en 2 tipos distintos (RGB y Hexadecimal). Ver tabla de colores ACTUALIZACIÓN: … Lee más!

sin miniatura

Crear una casa con CSS

Ya vimos como crear un Homer con CSS, ahora vamos a crear una casa con CSS.

sin miniatura

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:

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.