css - オーバーフローが非表示になり、子の背面の可視性が狂ってしまう

Question

問題は、2 番目の記事 (.settings) を 360° 回転させる必要があるため、その背面を表示する必要があることです。(これは、.flip のオーバーフローを削除しても機能します) 私が見ることができる唯一のものは、Y 軸で 180 度反転された前面です。

おそらくクロムのバグですか？

PS: はい、「本当に長いテキスト ノードの表示が必要ですか?」まったく回っていないので見てください。

HTML:

<article class="flip fliped anim" style="min-height: 308px;">

    <article class="settings fliped">
        "Text longer than 2nd article"
    </article>

    <article>
        ...
    </article>

</article>

CSS:

.flip article{
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.fliped{
    -webkit-transform: rotateY(180deg);
}

http://jsfiddle.net/LatpP/1/