Add blur blur to navigator text when unfolding Bootstrap carousel

Question

I have a problem where the bootstrap carousel changes the image, adds the next ( transform: translate3d(100%, 0, 0);) class for the item and adds motion blur during the effect for the text of my navigation menu.

Here you can see an example: http://bek.2d.uz/ Please view the navigation bar for a maximum of 10 seconds.

Answer 1

You can add this fix:

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

translateZ (0) hack forces the browser to create a new layer and send the rendering to the GPU.