本文介绍了纯CSS3实现移动端展开和收起效果的示例代码,分享给大家,具体如下:
展示效果:
HTML代码
<section class=block>
<input type=checkbox>
<div class=case-block>
<div>展开</div>
<div>收起</div>
</div>
<div class=detail>
<div>唧唧复唧唧,木兰当户织。不闻机杼声,惟闻女叹息。(惟闻 通:唯)问女何所思,问女何所忆。女亦无所思,女亦无所忆。昨夜见军帖,可汗大点兵,军书十二卷,卷卷