鼠标移动后z-index弹性移除

Question

我正在尝试创建一些动画，其中我的对象应该比其他对象缩放一点。我正在增加z-index以便在第一个计划中移动它。

问题出现在鼠标离开时。我的缩放动画以过渡结束，但z-index立即消失。是否有可能通过一些转变使其消失？

以下是演示文稿的小提琴：

http://jsfiddle.net/JJ3v4/3/

我希望＆＃34; 在缩小结束后删除z-index ＆＃34;。

Answer 1

我找到了可能的解决方案。实际上，您可以为组件设置初始z-index。

如果是演示，我已将z-index: 0添加到.Inside选择器

http://jsfiddle.net/n4buse9u/