图片/图形

CSS3高仿Facebook占位loading动画特效

阿里云

这是一款 css3 高仿 Facebook 占位 loading 动画特效。该特效可以使 loading 动画占据指定的位置,在页面还没有加载完成的时候没显示 loading 动画。

使用方法

在页面中引入下面的文件。

也想出现在这里?联系我们
创客主机
  1. <link href="css/placeholder-loading.css" rel="stylesheet">

HTML 结构

  1. <div class="ph-item">
  2.     <div class="ph-col-12">
  3.         <div class="ph-picture"></div>
  4.         <div class="ph-row">
  5.             <div class="ph-col-6 big"></div>
  6.             <div class="ph-col-4 empty big"></div>
  7.             <div class="ph-col-2 big"></div>
  8.             <div class="ph-col-4"></div>
  9.             <div class="ph-col-8 empty"></div>
  10.             <div class="ph-col-6"></div>
  11.             <div class="ph-col-6 empty"></div>
  12.             <div class="ph-col-12"></div>
  13.         </div>
  14.     </div>
  15. </div>

Github 网址:https://github.com/zalog/placeholder-loading

CSS3 高仿 Facebook 占位 loading 动画特效

已有 439 人购买
  • csz6
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!