我有一个原子的svg动画。 （不是来自我，仅作为一个例子）
http://codepen.io/davidsneighbour/pen/raPBRO
由path.class =＆＃39; atom-1＆＃39;定义的三个椭圆（？）到＆＃39; atom-3＆＃39;目前在彼此之上。
<path class="atom-1" fill="none" stroke="#555" stroke-width="8" stroke-miterlimit="10" d="M231.7,200c0,17.4-1.7,88-31.7,88s-31.7-70.6-31.7-88s1.7-88,31.7-88S231.7,182.6,231.7,200z"/>
我想创建一个三维交叉的效果，这样每个省略号至少落后于其他一个椭圆形的一个，好吧，好像它们在3d中交织在一起。
这可能吗？如何为svg路径的某些部分定义某种z-index？