Javascript （聚合物）<；核心动画页面>；使用“时，内容物在主分区外渗出”；“从右滑动”；

下面是我录制的一段简短视频，展示了这种行为：

我已经成功地在我的web应用程序上实现了核心动画页面。我有3个不同的div，使用幻灯片从右到右的动画过渡没有问题，除了在桌面视图中，内容不会“隐藏”在主div（白色）中，而是在灰色背景上显示大约一秒钟。这在移动或平板电脑视图中不可见

我需要写一些CSS方面的东西来避免这种情况吗

这是我的密码：

<core-toolbar class="medium-tall">
<div flex class="title">Elementos del lenguaje visual</div>
<div class="bottom fit" horizontal layout>
  <paper-tabs flex noink selected="{{selected}}">   
    <paper-tab>LÍNEA</paper-tab>
    <paper-tab>FORMA</paper-tab>
    <paper-tab>COLOR</paper-tab>        
  </paper-tabs> 
</div>
</core-toolbar>

  <div class="{{ {scroll: !wide} | tokenList }}" layout vertical flex>
  <core-animated-pages id="pages" selected="{{selected}}" on-core-animated-pages-transition-end="{{done}}" transitions="slide-from-right" layout flex>      

    <div id="linea">
    <div id="bidimensional">
    {{CONTENT}}
    </div>
    <div class="separador"></div>
    <div id="tridimensional">
    {{CONTENT}}
    </div>   
    </div>

  </core-animated-pages>
  </div>

蓝瓜杰视觉元素酒店
勒尼亚
形式
颜色
{{CONTENT}}
{{CONTENT}}

在核心动画页面上使用

溢出：隐藏

作为容器，当您在容器中设置页面动画时，它将隐藏任何溢出内容