我遇到的情況與此小提琴類(lèi)似，在這里我有一個(gè)CSS3動(dòng)畫(huà)，該動(dòng)畫(huà)可縮放絕對(duì)位于另一個(gè)元素中心的元素。但是，發(fā)生動(dòng)畫(huà)時(shí)，動(dòng)畫(huà)會(huì)偏離中心，如示例中紅色正方形相對(duì)于藍(lán)色正方形所示。如何居中？我已經(jīng)嘗試過(guò)圍繞該transform-origin屬性進(jìn)行一些配置，但這無(wú)法產(chǎn)生正確的結(jié)果。代碼如下：@-webkit-keyframes ripple_large {  0% {-webkit-transform:scale(1);}  75% {-webkit-transform:scale(3); opacity:0.4;}  100% {-webkit-transform:scale(4); opacity:0;}}@keyframes ripple_large {  0% {transform:scale(1); }  75% {transform:scale(3); opacity:0.4;}  100% {transform:scale(4); opacity:0;}}.container {  position: relative;  display: inline-block;  margin: 10vmax;}.cat {  height: 20vmax;}.center-point {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 10px;  width: 10px;  background: blue;}.to-animate {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  border: 1px solid red;  height: 5vmax;  width: 5vmax;  transform-origin:center;}.one {  -webkit-animation: ripple_large 2s linear 0s infinite;  animation: ripple_large 2s linear 0s infinite;}.two {  -webkit-animation: ripple_large 2s linear 1s infinite;  animation: ripple_large 2s linear 1s infinite;}