Element
Generated CSS
A propriedade CSS transform permite reposicionar, redimensionar, girar e distorcer elementos visualmente sem afetar o fluxo do documento.
transform: translate(20px, 10px); transform: scale(1.5); transform: rotate(45deg); transform: skew(10deg, 5deg);
transform e opacity são as únicas propriedades que podem ser animadas sem causar layout ou repintado.
Técnica clássica: position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);