纯CSS翻页效果的loading加载动画【原创】

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

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

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

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

页面的body部分，用了多个div容器的嵌套结构来显示书页内容，代码如下：

<div class="book">
  <div class="book__page">
    <div class="book__page__fill"></div>
    <div class="book__page__fill"></div>
    <div class="book__page__fill"></div>
    <div class="book__page__fill"></div>
    <div class="book__page__fill"></div>
  </div>
</div>