使用CSS围绕中心旋转SVG线

Question

我试图让SVG动画从加号变为减号。点击后，我旋转整个SVG并更改颜色。我也使从SVG规模line S的一个为0

你可以在这里看到：http://codepen.io/nonimage/pen/RreKPw

但是，如你所见，它可以扩展到0也行移开到上右上角。我想要在中心停留时扩大规模。

我在做什么错？

Answer 1

取而代之的是：

.add-remove.remove .inner__1 { 
    transform: scale(0); 
    transform-origin: center center; 
} 

使用本：

.inner__1 { 
    transform-origin: center center; 
} 
.add-remove.remove .inner__1 { 
    transform: scale(0); 
}