Why translate

HTML & CSS
1

Anyone know why translate has been added as a css3 transform?


#egg {
  transform: translateX(50px);
  transform: translateY(50px);
}

I don’t understand the difference between that and relative positioning.


#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.