Retina CSS example

retina

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5)
{
  #test {
     background: url(../images/test@2.png) no-repeat center center;
     -webkit-background-size: 25px 25px;
     -moz-background-size: 25px 25px;
     background-size: 25px 25px;
  )
}