旋转时如何使div不消失(90度)

Question

在我的网页上,我有一个div.在那个div上我有"动画"模拟被翻转的div(翻转).

<div id="wrapper">
    <div id="content">
        Some content
    </div>
</div>

我用jQuery插件传输旋转"包装器"div .插件的作用就是应用CSS;

transform: rotateY(180deg);

当div打开时rotateY(90deg),我必须在#contentdiv中加载一些新内容.这需要花费很少的时间,但在动画中你可以看到div在那个时间之前消失/隐藏.

看看DEMO FIDDLE (注意我这里没有加载实际内容)

是否有可能让潜水不会完全消失rotateY(90)？

不幸的是,我无法控制HTML本身,因为它正在生成.

Answer 1

尝试增加其厚度。参考这样的内容：想要显示元素旋转时的厚度

但是制作css的动画：0%:transform:rotateY(0deg); 50%：变换：旋转Y(90deg)；100%：变换：旋转Y(180deg)；

希望这可以帮助。

确保 jQuery 插件有 css 文件或查看它。

您也可以使用基本的 css 和 jQuery 来做到这一点。