已掉线，重新登录
首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 源码

标题: 存一个骨架效果

作者: @Ta

时间: 2019-08-03发布，2019-08-03修改

点击: 9535 
.skeleton {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: skeleton-loading 1.4s ease infinite;
  animation: skeleton-loading 1.4s ease infinite
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0 50%
  }
}

红米Note4高配版(银色)

[隐藏样式|查看源码]

『回复列表(16|显示机器人聊天)』

1.

给大佬递茶

(/@Ta/2019-08-03 11:40/样/源)
2. 给大佬递茶
(/@Ta/2019-08-03 12:13/样/源)
3.
┏┯┯┯┯┯┯┯┯┯┓ ┠车马相士帅士相马车┨ ┠┼┼┼┼┼┼┼┼┼┨ ┠┼炮┼┼┼┼┼炮┼┨ ┠兵┼兵┼兵┼兵┼兵┨ ┠┴┴┴┴┴┴┴┴┴┨ ┠┬┬┬┬┬┬┬┬┬┨ ┠車┼車┼車┼車┼車┨ ┠┼車┼┼┼┼┼車┼┨ ┠┼┼┼┼┼┼┼┼┼┨ ┠車車車車将車車車車┨ ┗┷┷┷┷┷┷┷┷┷┛ 绝对力量面前，任何技巧都是徒劳 (｀・ω・´)
红米Note4高配版(银色)
(/@Ta/2019-08-07 15:22/样/源)
5. @水木易安，@o，为了在Windows上等宽显示，得用类似
[div=font-family:simsun]

的方法指定一下字体

┏┯┯┯┯┯┯┯┯┯┓
┠车马相士　士相马车┨
┠┼┼┼┼┼┼┼┼┼┨
┠┼炮┼┼┼┼┼炮┼┨
┠兵┼兵┼兵┼兵┼兵┨
┠┴┴┴┴┴┴┴┴┴┨
┠┬┬┬┬┬┬┬┬┬┨
┠車┼車┼車┼車┼車┨
┠┼車┼┼┼┼┼車┼┨
┠┼┼┼┼┼┼┼┼┼┨
┠車車車車帅車車車車┨
┗┷┷┷┷┷┷┷┷┷┛ 
(/@Ta/2019-08-03 18:44/样/源)
6.

┏┯┯┯┯┯┯┯┯┯┓
┠车马相士 士相马车┨
┠┼┼┼┼┼┼┼┼┼┨
┠┼炮┼┼┼┼┼炮┼┨
┠兵┼兵┼兵┼兵┼兵┨
┠┴┴┴┴┴┴┴┴┴┨
┠┬┬┬┬┬┬┬┬┬┨
┠車┼車┼車┼車┼車┨
┠┼車┼┼┼┼┼車┼┨
┠┼┼┼┼┼┼┼┼┼┨
┠車車車車帅車車車車┨
┗┷┷┷┷┷┷┷┷┷┛
红米Note7 高配版(黑色)

(/@Ta/2019-08-03 18:41/样/源)
7.

@老虎会游泳，我才复制你的，你就改了。。
红米Note7 高配版(黑色)

(/@Ta/2019-08-03 18:42/样/源)
8.

@无道，现在好了

(/@Ta/2019-08-03 18:46/样/源)
9.  @水木易安，@老虎会游泳， 我看出了你们的棋局的缺点，你们没有对象！！
(/@Ta/2019-08-04 10:12/样/源)
10.
┏┯┯┯┯┯┯┯┯┯┓
┠帅帅帅帅帅帅帅帅帅┨
┠┼┼┼┼┼┼┼┼┼┨
┠帅┼帅┼帅┼帅┼帅┨
┠帅┼帅┼帅┼帅┼帅┨
┠┴┴┴┴┴┴┴┴┴┨
┠┬┬┬┬┬┬┬┬┬┨
┠帅┼帅┼帅┼帅┼帅┨
┠┼帅┼┼┼┼┼帅┼┨
┠┼┼┼┼┼┼┼┼┼┨
┠帅帅帅帅将帅帅帅帅┨
┗┷┷┷┷┷┷┷┷┷┛

绝对力量面前，任何技巧都是徒劳
(/@Ta/2019-08-05 09:53/样/源)
11.
ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์۩͇̿v͇̿i͇̿p͇̿۩華為P30 (Pro版)-(金色) ༄༊࿆稀ོ࿆ྂ࿐華為，الصين واعدة——香港是中國的
(/@Ta/2019-08-05 10:04/样/源)
12.
┏┯┯┯┯┯┯┯┯┯┓
┠车马相士　士相马车┨
┠┼┼┼┼┼┼┼┼┼┨
┠┼炮┼┼┼┼┼炮┼┨
┠兵┼兵┼兵┼兵┼兵┨
┠┴┴┴┴┴┴┴┴┴┨
┠┬┬┬┬┬┬┬┬┬┨
┠車┼車┼車┼車┼車┨
┠┼車┼┼┼┼┼車┼┨
┠┼┼┼┼┼┼┼┼┼┨
┠車車車車帅車車車車┨
┗┷┷┷┷┷┷┷┷┷┛
小米5s Plus
(/@Ta/2019-08-05 18:01/样/源)
13.

┏┯┯┯┯┯┯┯┯┯┓
┠车马相士将士相马车┨
┠┼┼┼┼┼┼┼┼┼┨
┠┼炮┼┼┼┼┼炮┼┨
┠兵┼兵┼兵┼兵┼兵┨
┠┴┴┴┴┴┴┴┴┴┨
┠┬┬┬┬┬┬┬┬┬┨
┠車┼車┼車┼車┼車┨
┠┼車┼┼┼┼┼車┼┨
┠┼┼┼┼┼┼┼┼┼┨
┠車車車車帅車車車車┨
┗┷┷┷┷┷┷┷┷┷┛

(/@Ta/2019-08-06 14:46/样/源)
14.

白日梦还是要做的, 万一实现了呢?

(/@Ta/2019-08-06 15:44/样/源)
15.

@老虎会游泳，喔豁，听你的改散架了。赔！
红米Note4高配版(银色)

(/@Ta/2019-08-07 15:23/样/源)
16.
┏┯┯┯┯┯┯┯┯┯┓ ┠车马相士 士相马车┨ ┠┼┼┼┼┼┼┼┼┼┨ ┠┼炮┼┼┼┼┼炮┼┨ ┠兵┼兵┼兵┼兵┼兵┨ ┠┴┴┴┴┴┴┴┴┴┨ ┠┬┬┬┬┬┬┬┬┬┨ ┠車┼車┼車┼車┼車┨ ┠┼車┼┼┼┼┼車┼┨ ┠┼┼┼┼┼┼┼┼┼┨ ┠車車車車帅車車車車┨ ┗┷┷┷┷┷┷┷┷┷┛ 红米Note4高配版(银色)
(/@Ta/2019-08-07 15:34/样/源)
17.

@水木易安，
ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์ญ์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์์۩͇̿v͇̿i͇̿p͇̿۩華為P30 (Pro版)-(金色)
༄༊࿆稀ོ࿆ྂ࿐華為，الصين واعدة——香港是中國的

(/@Ta/2019-08-07 16:19/样/源)
回复需要登录。

8月5日 04:04 星期二

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1