Portada » CSS Avanzado » Página 9

sin miniatura

Rotar un texto con CSS Transformations

Igual que disponí­amos la fecha con CSS Sprites, ahora queremos rotar un texto para crear una fecha gracias a CSS Transformations. Explicación de su funcionamiento CSS Mágico La clave de estas rotaciones se encuentran en CSS Transformations, y tanto Firefox como Safari tienen esta ventaja: Es decir:

CSS: Box-shadow, propiedad

Añadir sombra una caja de texto sigue el mismo formato que añadir sombra en el texto, y para ello se utiliza la propiedad Box-shadow. Box-shadow es compatible con Safari 4, Firefox 3 y Chrome 1. El código en CSS3 puro sería así:           Valor horizontal, si es positivo indica que la sombra se … Lee más!

sin miniatura

CSS3: Transparencia

Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco). … Lee más!

sin miniatura

Efecto de despliege con CSS y JQuery

Muchas veces necesitamos crear sitios atractivos para obtener mayores visitas. Podemos crear sitios atractivos de muy distintas formas; Diseñando páginas con un estilo extravagante, siendo muy minimalista, innovadores, o, utilizando únicamente JQuery y CSS. En esta entrada os explicaré como crear un sencill0 efecto de “despliege” en una página, para mostrar, el feed RSS, por … Lee más!

sin miniatura

CSS Position Fixed para IE6

¿Cómo se puede definir una position:fixed en Internet Explorer 6? El truco es sencillo, se trata de usar una expresión de Internet Explorer ; “eval”. Internet Explorer tiene un multi-proceso de renderizado. Cuando tú mueves la barra de desplazamiento o redimensionas la ventana, todo se volverá a posicionar y se volverá a definir la página, … Lee más!

sin miniatura

El mejor CSS para formatear estilos

Según los resultados de una encuesta realizada en CSS-Tricks, el mejor CSS para formatear los estilos es el de Eric Meyer’s. Recordad que hace poco publicamos una adaptación de su CSS Reset para HTML 5, además de otras 10 técnicas para resetear CSS. Esta es la encuesta: Y tú, ¿Cuál CSS Reset utilizas? Vía | … Lee más!

sin miniatura

Resetear CSS para HTML5

¿Os acordáis de las entradas anteriores donde exponíamos una gran lista sobre distintos modos de resetear CSS? Mediante estas CSS Reset podíamos resetear nuestro código CSS para optimizarlo. Pues ahora existe una únicamente orientada a HTML5, la adaptación de la creada anteriormente por Eric Meyers, una de las mejores que existen, y la que la mayoría … 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.