纯CSS叠纸效果

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入野茫茫的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css"/>

页面的body部分，在div容器里放入了多个文本段落p标签，代码如下：

<div class="letter">
  <h2>致，喜欢的你！</h2>
  <p>夏天结束了，并不代表我对你的感情也会结束。</p>
  <p>我不敢说，那是爱。因为我并想像其他女生说，如何爱你如何爱你发狂。我们毕竟不知道那到底是种什么样的感情。如果枉然说它是爱，那么可能过早了点吧。</p>
  <p>我只想说，我喜欢你。只是淡淡纯纯的喜欢。像一杯红酒一样萦绕在唇边的甘甜。不是果汁的腻、也不是烧酒的烈。</p>
  <p>一年了，再不是头几个月那么得冲动与不安。开始慢慢习惯了淡然。习惯了陪朋友去拿车时，遇到骑着单车的你；习惯了做操时，看见你的笑脸；习惯了去教室时的楼梯上，发现你急忙忙的背着书包去上课。</p>
  <p>每次这样，我总会停留住脚步，看着你的背影一步一步地消失在我的眼帘中。</p>
  <p>一年很短暂是不是？我想是吧，你说呢？</p>
  <p>你可以说我和其他女孩很不相似。是的，我没有为了你而发狂、发疯；我只是在一旁静静地看着你笑。我是一个在感情的事情上相对理智的人。我有我的生活，我有我的学习，我不会为了任何人而去放弃这些对我来说很重要的。</p>
  <p>呵呵，刚才的话说得我好像很无情似的吧？其实，我是个很没有安全感的孩子。我害怕黑夜，害怕孤独，害怕寂寞。不要嘲笑我，当初喜欢你就因为你像我从小一起长大的哥哥</p>
  <p>我看过很多心理学的书。书上说，如果心里想有安全感，那么你可以为了一个人去做很多事，去帮助他，那样你永远不会丧失这份安全感。</p>
  <p>我想让那个人是你，可以吗？</p>
  <p>我自己一个人写过很多很多故事、杂文、诗歌、随笔。几乎每一篇文章里，都折射出你的影子。呵呵，其实你蛮优秀的吧！</p>
  <p>可能我真的挺文艺的吧、我想要那种朴素淡雅的爱情、就像紫蓝薰衣草或四叶草那样的。我并不需要你怎么样怎么样去陪我，因为我们始终是学生啊，我们有自己的事情要忙，只要能做到相遇时，牵牵手或相视一笑就够了。</p>
  <p>因为我正视了自己的感情，因为我会表达出这份无言的喜欢。因为我从来没有想过霸占你！</p>
  <p>我只是想在夜晚翻来覆去睡不着的时候，有一个人可以值得我想念，值得我安心入睡，值得我去期待明天灿烂的阳光，值得我去追寻每一个幸福时光！
  </p>
</div>