如何制作骨架屏的一点思路?

骨架屏是结合了懒加载功能,在页面没有加载完成之前,先呈现页面基本结构。

可以有三种实现方式:

1、在页面元素后面增加一个骨架div,当页面加载完成后就隐藏这个div
如何制作骨架屏的一点思路?_第1张图片
2、在页面元素结构中先嵌入骨架div,当页面加载完成后就替换这个div
如何制作骨架屏的一点思路?_第2张图片
3、通过伪元素实现骨架样式,通过操作样式实现骨架和页面的动态切换
如何制作骨架屏的一点思路?_第3张图片
实现代码如下:





  
  
  
  Document
  



  

你可能感兴趣的:(css)