lunes, 18 de febrero de 2013

Posicionar el color de fondo con background-clip CSS3


background-clip es una propiedad CSS3 que permite establecer la posicion relativa del color de fondo en un elemento.

Esta propiedad es compatible con  IE9+, Firefox 4+, Opera, Chrome y Safari 5+.

background-clip  -> Para todos los navegadores compatibles.
-moz-background-clip -> Para versiones más antiguas de Firefox.
-webkit-background-clip -> Para versiones de crhome y safari
-o-background-clip -> Para versiones de Opera

background-clip: padding-box | content-box | border-box  <- Sólo una de las opciones

Ejemplo de uso de background-clip ...
 
background color:
clip color:



Posicionar el background-color de este elemento es cuestión de un sólo click, gracias a la propiedad CSS3 background-clip