Just put this -webkit-transform:rotateY(0deg);
, you need to tell the browser which is the front face first.
More Related Contents:
- Chrome / Safari not filling 100% height of flex parent
- Custom CSS Scrollbar for Firefox
- How can I force WebKit to redraw/repaint to propagate style changes?
- How to remove the border highlight on an input text element
- How to style HTML5 range input to have different color before and after slider?
- css3 transition animation on load?
- css z-index lost after webkit transform translate3d
- What is WebKit and how is it related to CSS?
- What are -moz- and -webkit-? [duplicate]
- Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
- Disable webkit’s spin buttons on input type=”number”?
- CSS transition shorthand with multiple properties?
- WebKit: Blurry text with css scale + translate3d
- Fixed element disappears in Chrome
- CSS endless rotation animation
- Webkit bug with `:hover` and multiple adjacent-sibling selectors
- ‘Inverted’ border-radius possible? [duplicate]
- How to force re-render after a WebKit 3D transform in Safari
- Why does stacking order change on webkit filter hover?
- CSS3 property webkit-overflow-scrolling:touch ERROR
- CSS “outline” different behavior behavior on Webkit & Gecko
- Wonky text anti-aliasing when rotating with webkit-transform in Chrome
- Delay mouseout/hover with CSS3 transitions
- WebKit CSS content Unicode bug?
- Apply webkit scrollbar style to specified element
- How do I remove all default Webkit search field styling?
- Tint image using CSS without overlay
- webkit transform blocking link
- Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
- using a div to blur an image behind it? [duplicate]