图片/图形

CSS3高仿Facebook占位loading动画特效

面包多

这是一款 css3 高仿 Facebook 占位 loading 动画特效。该特效可以使 loading 动画占据指定的位置,在页面还没有加载完成的时候没显示 loading 动画。
CSS3高仿Facebook占位loading动画特效-创客云CSS3高仿Facebook占位loading动画特效-创客云CSS3高仿Facebook占位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

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

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

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!