Anyone know why translate has been added as a css3 transform?
Code:
#egg {
  transform: translateX(50px);
  transform: translateY(50px);
}
I don't understand the difference between that and relative positioning.
Code:
#egg {
  position: relative;
  top: 50px;
  left: 50px;
}
I thought that it could have been to do with transitions - but you can transition top, left, bottom, right values as well so the property seems useless.