Я использую достаточно простой переход CSS для создания окна, которое "переворачивается", переходя одновременно два divs 180deg. Когда вы находитесь на "спине" коробки, он должен быть слегка прозрачным, чтобы вы могли видеть нижнюю сторону.
У меня это работает довольно легко во всех браузерах, за исключением последних Safari 7 и iOS 7. В Safari 7 анимация мерцает, а задняя карта просто "всплывает" на фронт в конце анимации.
Это кажется ошибкой в рендеринге анимации на более новом Safari. Есть ли способ обхода, чтобы заставить себя вести себя лучше?
Отметьте gifs анимации на Chrome и Safari
Смотрите демонстрацию здесь http://cssdeck.com/labs/flippable-card