3D Rotate-in Chrome bug

codrops / SidebarTransitions

Some inspiration for transition effects for off-canvas navigations.

http://tympanus.net/Development/SidebarTransitions/

1.63k stars 247 forks source link

3D Rotate-in Chrome bug #18

Closed megaroeny closed 8 years ago

megaroeny commented 8 years ago

Not sure why this is happening all of a sudden, but there seems to be a bug (at least with my Chrome) with the 3D rotate-in animation. It's overlapping the content area before it's rotated on the other side. Same thing happens with reverse animation when closing. See my screenshot:

megaroeny commented 8 years ago

So seems to be a z-index issue with the .st-pusher::after and .st-content classes. The following fixed it:

.st-content { z-index: 1;}

.st-pusher::after { z-index: 2; }

If I knew how to do a pull-request I would. Maybe someone else can please? Thanks

megaroeny commented 8 years ago

This seems to be only happening on Chrome for Mac... weird.

megaroeny commented 8 years ago

Seems to not be present now. Maybe was my Chrome at the time.