Con CSS3 puedes colocar fácilmente bordes redondeados alrededor de tus imágenes con este fragmento de código.
img {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
Interesante aplicación de CSS3 para, mediante el uso de sucesivas sombras de texto, obtener un texto en 3D.
h1 {
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
ImgToCSS es una aplicación web que permite convertir una imagen a HTML/CSS. Puede ser útil en algún caso, como en el diseño de un newsletter para evitar el bloqueo de las imágenes.
Interesante tutorial que al mismo tiempo nos ofrece el resultado final: un sistema de cuadrícula realizado con HTML5. Las principal característica de esta retícula es que todas las columnas tienen un ancho basado en porcentaje, lo que hace que se adapten al elemento contenedor. Esto significa que con el uso de este sistema, no tendrás que definir un ancho de cada columna de forma manual, sólo tienes que definirlas dentro de un contenedor y el ancho de las columnas y los espacios entre columnas se ajustarán automáticamente.
Zardi es un fichero CSS que nos permite crear botones con una gran variedad de formas y colores.
