lunes, 21 de abril de 2014

background-clip, clip, :active para onclick

background-clip

background-clip: content El background se extiende bajo el contenido.
background-clip: padding El background se extiende bajo el padding.
background-clip: border El background se extiende bajo el borde.

Ver demo en CodePen: background-clip

clip

Permite recortar un area de una caja posicionada absolutamente. La sintaxis es algo como:

my-selector {
  position: absolute;
  clip: rect(top, right, bottom, left);
}

Ver demo en CodePen css clip

:active para onclick

:active se puede usar para proveer una especie de onclick basado en css.

Ver demo en CodePen css clip