Decorando imágenes mediante CSS

decora.JPG

WebDesignerWall nos presenta un excelente tutorial donde explica una interesante técnica. En éste caso atravéz de css y la etiqueta span, colocando diferentes elementos decorativos en una imágen, como por ejemplo dar esquinas redondeadas, poner un clip, rasgar los bordes etc. En el tutorial los aplica a una galería de trabajos pero el “truco” es extrapolable para cualquier sitio. Con este sistema podrás configurar, por ejemplo, 3 efectos concretos para aplicar a las imágenes que quieras con el ahorro de tiempo y resto de beneficios como son mantener la imágen original intacta, flexibilidad etc. Ésto funciona con cualquier tipo de imágen y  tamaño, y está testeado en FireFox, Opera, Safari e IE.

CSS Decorative Gallery

Dejar comentario