css - ng-switch 在 div 容器内滑动过渡

标签 css angularjs css-transitions twitter-bootstrap-3

使用 bootstrapper 3 面板和 ng-switch 并带有滑动动画:Plunker

我只想在面板内显示动画,当动画播放时,div 显示在面板边框之外。

我在这个 Plunker 中缺少什么?这样动画只显示在面板 div 内?

我正在寻找的结果有点像这个示例:slider-css3-transition-animation

但我似乎无法掌握如何构建我的 CSS。

最佳答案

您可以通过添加 css 来解决您的问题:

.panel {
  overflow:hidden;
}

Here is the result in your Plunkr

关于css - ng-switch 在 div 容器内滑动过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20106058/

相关文章:

html - 更改视口(viewport)大小后, float 按钮位于其父级下方(仅限 Chrome)

css - -moz-inline-stack 是否有 chrome 和 safari 版本

html - 使 html 列一直向下延伸而不破坏布局

javascript - 从 Bootstrap 表行生成表单

javascript - 当我在 slider 末尾时如何禁用单击按钮

html - CSS 转换/转换不影响所需元素

css - 使用 ruby​​ on rails 正确放置链接

javascript - 使用 Angular 的树有时会深入 5 层,有时会更少,当它更少时需要 jquery 隐藏

javascript - 将 Service 注入(inject) Directive AngularJS 和数据绑定(bind)中。

html - 将 CSS 过渡设置为使用速度而不是持续时间?