Interesantes perspectivas de las sombras con CSS

La propiedad box-shadow, una de las nuevas opciones de CSS3, se ha convertido en la opción ideal para crear sombras en las cajas. Aplicando sombras a la pseudo-clases ::before y ::after, crearemos útiles perspectivas con la sombra. Allá vamos: Código HTML Código CSS Ejemplo de su funcionamiento Ver ejemplo de la sombra con perspectiva Vía … Lee más!

sin miniatura

Construir un cubo 3D con HTML5 y CSS3

HTML5 y CSS aportan nuevas novedades a los diseñadores, muy útiles y más fáciles de implementar que las de CSS2. Os enseñaré a crear un cubo 3D con CSS, parecido al que os mostré anteriormente. Las letras del cubo son las siglas del logotipo de WebProNews. Para empezar, necesitamos 3 imágenes separadas, cada imagen de … Lee más!

Burbujas de texto con CSS

Las burbujas de texto son un efecto popular pero la mayoría de ellas se crean con HTML o Javascript. Este tutorial contiene varios ejemplos de efectos de burbujas de texto creados con CSS 2.1 y personalizados con CSS3. Como dije anteriormente, no contiene imágenes, Javascript y puede aplicarse a tu HTML semántico. Por ahora soporta … Lee más!

sin miniatura

CSS: Background-size

Esta es una propiedad CSS3 que aún no está finalizada, puedes seguir su progreso por la W3C. La propiedad background-size te permite ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch. Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería: -moz-background-size (Firefox 3.6) -o-background-size … Lee más!

sin miniatura

Crear un logotipo con CSS

¿Tienes curiosidad por aprender a realizar logotipos en CSS como el de Internet Explorer u Opera, entre otros? En este artículo explicaré como crear un logotipo con CSS, teniendo como fuente de inspiración el logotipo que asocio a la entrada. Se resumen en varios pasos, bastante sencillos, que dan como resultado un logotipo muy interesante … Lee más!

sin miniatura

Ventana de información en hover con CSS

Sohtanaka recientemente ha descubierto un truco para realizar un sencillo efecto muy útil que hará que una determinada caja de contenido muestre más información al pasar el ratón por encima de ella. Es sencillo de construir, y totalmente gratis. A continuación os muestro el proceso, junto con un ejemplo y su descarga. Recordad que si … Lee más!

sin miniatura

Cómo elegir la mejor tipografía para tu diseño

Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre una tipografía aceptable y otra que no es buena para nuestro sitio. En las tipografías para títulos, se podrían seguir estos … 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.