title: Is there a difference between using `transform: translate(...` and `translate: ...`?
body: <p>I have noticed that in css. You can use (e.g.) <code>translate: 50% 50%</code> directly instead of <code>transform: translate(50%, 50%)</code>. Is the former a shorthand for the latter?.</p>
  <p>I have tried to search for it but couldn't find anything.
  same thing for <code>rotate</code> and probably for the rest of the transformation properties</p>
  <p>And if it is a shorthand, why nobody uses it (I have never came across code that used it.)</p>