Question

我在使用悬停样式元素的转换折叠时遇到了一些问题。目前它折叠太多，我想降低高度。我尝试过几件事无济于事。我能够从位于此处的演示中找到代码本身：http://lab.aqro.be/fb_btn_concept.html

我已经尝试调整了很多#under div参数，但到目前为止，每当我按照我想要的方式获得悬停状态时，过渡会变得混乱并且看起来不正确。我对转换不是很熟悉，所以我希望有人可以提供帮助吗？这是我的jsfiddle：

我的目标是让折叠高度大约为100px，而不是目前明显大得多的版本。

<div class="row">
<div class="span4">
<section id="btn">
    <p>Some Text Will Go Here</p>
    <div id="under">

        <div class="logo"><div class="recto"><a href="#" class="consumer"><i class="fa fa-user"></i>Consumer</a></div></div>
        <div class="top"></div>
        <div class="logo verso"></div>
    </div>
    <div id="shadow"></div>
</section>
</div>
</div>

Answer 1

使用

看起来好多了

-webkit-perspective: 550;

http://jsfiddle.net/DrQP2/

CSS折叠转换高度问题

1 个答案: