transform: translate vs translate, what's the difference?
It's not very clear from the docs how they're actually different. They both tend to do the same thing afterall. In the following example, the output will be same.
Which one should I use and why? Does one have performence advantage over other? Is
https://developer.mozilla.org/en-US/docs/Web/CSS/translate#formal_definition
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate
edit: support is different.
Which one should I use and why? Does one have performence advantage over other? Is
translate: px; only a shorthand of transform: translate(px)?https://developer.mozilla.org/en-US/docs/Web/CSS/translate#formal_definition
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate
edit: support is different.
translate: 10px; only started being available after 2022.
