Comprende mejor la etiqueta background de CSS3

4-27-2013 3-55-53 PM

La etiqueta background existe desde la primera versión de CSS, se mejoró su funcionalidad en la versión 2, y ahora con la versión número 3 de la especificación la etiqueta ha introducido mejoras considerables que permiten hacer muchísimas cosas con las imágenes de fondo de cualquier elemento HTML que antes se tenían que hacer con programas procesadores de imágenes como Adobe Photoshop, Fireworks o GIMP.

En la última versión de la etiqueta ahora es posible crear backgrounds múltiples a cualquier elemento HTML, cada uno con su imagen, dimensión y posición diferentes, aunque esto es posible desde Julio del año pasado, son pocos los que conocen sus posibilidades y es un poco más complicado implementarlos de forma correcta por la cantidad de posibilidades que ofrece gracias a la combinación de todas sus propiedades como: color, imagen, repetir la imagen, posición, tamaño y otras.

Si deseas empezar a utilizar esta propiedad en tus proyectos te recomiendo CSS Background Size una página creada para probar de forma rápida y directa varias configuraciones de la etiqueta background y ver fácilmente en vivo lo que significan dichos atributos, solo basta jugar un poco con los diferentes tamaños, orientación de la imagen y posición del fondo para ver el resultado.

LEER
Crea botones con CSS3 válido gráficamente con CSSButton

CSS Background Size

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.