Какие transform-ы есть в CSS?

transform позволяет трансформировать элемент без влияния на layout: translate (перемещение), rotate (поворот), scale (масштаб), skew (наклон). Можно комбинировать: transform: translateX(50px) rotate(45deg). translate3d, rotate3d и scale3d — для 3D-трансформаций. Анимация transform дешёвая — происходит на GPU через compositor, без relayout и repaint. Поэтому для анимаций движения всегда используй transform: translate вместо top/left.