当Bootstrap轮播滑动时,向导航栏文本添加运动模糊

时间:2017-01-18 11:33:35

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3

我遇到问题,当引导轮播更改图像时,它会为项目添加下一个类(transform: translate3d(100%, 0, 0);),并在效果期间添加运动模糊以显示我的导航栏菜单。 enter image description here

您可以在此处查看示例:http://bek.2d.uz/请查看导航栏最长10秒。

1 个答案:

答案 0 :(得分:2)

您可以添加此修复程序:

.main_menu .navbar .navbar-nav {
  transform: translateZ(0);
}

translateZ(0)hack强制浏览器创建一个新图层并将渲染发送到GPU。