CSS变换旋转效果重复元素而不是实际元素

Question

我有一个问题，当我动态地将类添加到元素时，CSS Transform Rotate生成一个新元素并将其旋转与实际元素重叠。

如果我将默认旋转（度）设置为元素。动画效果很好。

我不知道这是CSS的功能还是问题。

我在ReactJS的Electron中构建了这个元素。它与Electron的WebKit有关吗？

.parent-class > .btn-demo {

  background: url(image.png) no-repeat center center;
  transition: all .3s ease-in-out;    

  // if add default degree then it works fine
  // transform: rotate(0deg);
}

.parent-class.animated > .btn-demo {
  // it will copy a new element and overlap real one
  transform: rotate(45deg);
}