Can anybody explain how transform:translate(-50%,-50%); works....??

Answer 1

The css selector of left and top are referring to top right corner of the element.
transform: translate(-50%,-50%) moves this refer point to the center of the element.

Answer 2

transform: translate(50px,100px);

Answer 3

Calviղ thquee but what is the use of -50%..?how it works