ember.js-webkit过渡效果_Ember.js_Delay_Transitions

ember.js-webkit过渡效果

ember.js

ember.js-webkit过渡效果,ember.js,delay,transitions,Ember.js,Delay,Transitions,我已经在我的网站上实现了ember.js框架现在，我的索引车把包含欧洲地图，以下车把包含德国、法国等国家的详细地图。当您单击某个国家时，将打开带有详细国家地图的相关车把。现在我希望欧洲地图在点击一个国家后放大和淡出。通过css-webkit转换，我意识到了这一点问题是，这些过渡不可见，因为一旦单击国家，内容立即切换到详细地图，而欧洲地图的过渡不可见我如何在ember.js中实现在把手之间切换的延迟谢谢各位 <html> <script type="text/x-ha

我已经在我的网站上实现了ember.js框架

现在，我的索引车把包含欧洲地图，以下车把包含德国、法国等国家的详细地图。当您单击某个国家时，将打开带有详细国家地图的相关车把。现在我希望欧洲地图在点击一个国家后放大和淡出。通过css-webkit转换，我意识到了这一点

问题是，这些过渡不可见，因为一旦单击国家，内容立即切换到详细地图，而欧洲地图的过渡不可见

我如何在ember.js中实现在把手之间切换的延迟

谢谢各位

<html> 
<script type="text/x-handlebars" id="index"> 
 <!--Europe-Sec START--> 
    <section id="Europe-Sec">
    <div id="map-europe">
     ...
    <li class="eu16"><a href="#germany_map">Germany</a></li>
    ...
    </script> 

!--Germany-Map START-->
<script type="text/x-handlebars" data-template-name="germany_map">
  ...
</script> 
</html>

main.css：

@-webkit-keyframes zoomIn{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

    100%{
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
        }
    }

.zoomIn{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    }

您是否可以共享足够的代码，以便人们可以建议将与您现有的设置一起使用的解决方案？这将是太多的代码，您无法理解。无法就我的描述给出一些建议？我建议您阅读。显然，我在添加代码时遇到了问题，因为它不符合堆栈溢出的约定。这种帮助并没有给我带来更多的帮助。我是否必须在每个代码行前添加四个空格？？？要添加代码，请编辑您的问题，粘贴代码，选择它，然后使用示例代码按钮或control+K。

@-webkit-keyframes zoomIn{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

    100%{
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
        }
    }

.zoomIn{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    }