CSS3 PIE

border-radius
.box{
     border-radius:8px;
     behavior:url(PIE.htc);
}
box-shadow
.box{
     box-shadow:0px 3px 3px rgba(62,115,0, 0.75);
     behavior:url(PIE.htc);
}
background-gradient
.box{
  background: -webkit-linear-gradient(top, #c9ed8a,#72aa31);
    background: -moz-linear-gradient(top, #c9ed8a,#72aa31);
    background: -o-linear-gradient(top, #c9ed8a,#72aa31);
    background: -ms-linear-gradient(top, #c9ed8a,#72aa31);
    background:linear-gradient(top, #c9ed8a,#72aa31);

  -pie-background:linear-gradient(#c9ed8a,#72aa31);
  behavior:url(PIE.htc);
}
multiple backgrounds
.multiple{
  background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, -webkit-linear-gradient(#c9ed8a,#72aa31);
  -pie-background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, linear-gradient(#c9ed8a,#72aa31);
  behavior:url(PIE.htc);
}

Selectivizr

uno dos tres cuatro cinco
Selectores CSS3
.box span:first-child{
    background:#333;
    color:#fff;
  }

  .box span:nth-child(2n) {
  background: #3de1ff;
  }

  .box span:last-child{
    background:#fff114;
    color:#333;
  }

IE Filter

backround gradient
.box{
    background:#333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9ed8a', endColorstr='#72aa31');  /* TODO IE */
  }
« Volver al Post