加林森 发表于 2021-11-30 21:36

本帖最后由 加林森 于 2022-4-19 22:44 编辑 <br /><br />马黑黑 发表于 2021-11-30 21:31

真乖

<div style="LEFT: 0px; WIDTH: 750px; POSITION: relative; TOP: 60px">
<div style="float:left;border:solid 1px 000;"><img src="https://pic.imgdb.cn/item/625ec856239250f7c54dac8c.gif"></div>
<br><br><br><br><br><style>
.ball {
      margin: auto;
      margin-top: 80px;
      width: 100px;
      height: 100px;
      background: olive linear-gradient(135deg,rgba(0,250,0,.85),rgba(30,250,60,.95));
      position: relative;
      border-radius: 50%;
      filter: drop-shadow(2px 2px 6px rgba(0,0,0,.7));
      transform: skew(2deg);
}
.ball::before, .ball::after {
      content: '';
      position: absolute;
      border: 10px solid rgba(0,0,0,.45);
      border-radius: 50%;
      border-color: green lightgreen green darkgreen;
      opacity: .55;      
}
.ball::before { left: -5px; top: -5px; right: -5px; bottom: -5px; animation: rot 4s linear infinite; }
.ball::after { left: -10px; top: -10px; right: -10px; bottom: -10px;animation: rot 12s linear infinite; }
.ball div {
      position: absolute;
      left: 0; top: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at 35% 40%,rgba(255,255,255,.75),rgba(0,0,0,.15));
      border-radius: 50%;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="ball">
      <div></div>
</div>
<script>
let flag = true;
let ball = document.querySelector(".ball");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/18/89c49eabb7663320177d49716e7c4300.mp3";
au.autoplay = flag;
au.loop= true;
au.style.display = "none"
ball.appendChild(au);
ball.onclick = function(){
      if(flag) {
                Array.from(this.children).forEach(function(item){item.style.animationPlayState = "paused"; });
                au.pause();
                flag = false;
      } else {
                Array.from(this.children).forEach(function(item){item.style.animationPlayState = "running"; });
                au.play();
                flag = true;
      }
}
</script>

马黑黑 发表于 2021-11-30 21:37

加林森 发表于 2021-11-30 21:36
真乖

{:4_181:}

熊二 发表于 2021-11-30 21:38

小猫头鹰真萌, 好玩{:4_170:}

加林森 发表于 2021-11-30 21:41

熊二 发表于 2021-11-30 21:38
小猫头鹰真萌, 好玩

你自己比一比,谁乖?{:5_117:}

加林森 发表于 2021-11-30 21:42

本帖最后由 加林森 于 2022-1-8 12:24 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&amp;goto=findpost&amp;pid=1351977&amp;ptid=54630" target="_blank"><font color="#999999">马黑黑 发表于 2021-11-30 21:37</font></a></font><br></blockquote></div><br>{:4_197:}<div><br></div><div><br></div>

https://haokan.baidu.com/v?vid=17210471537789259509&pd=pcshare

熊二 发表于 2021-11-30 21:42

加林森 发表于 2021-11-30 21:41
你自己比一比,谁乖?

小猫头鹰乖{:4_170:}

加林森 发表于 2021-11-30 21:44

熊二 发表于 2021-11-30 21:42
小猫头鹰乖

我看你们都差不多啊!{:4_189:}

熊二 发表于 2021-11-30 21:45

加林森 发表于 2021-11-30 21:44
我看你们都差不多啊!

熊闹的欢{:4_170:}

加林森 发表于 2021-11-30 21:50

熊二 发表于 2021-11-30 21:45
熊闹的欢

哈哈哈哈,好啊好啊,继续闹继续闹!

马黑黑 发表于 2021-11-30 22:50

加林森 发表于 2021-11-30 21:42


{:4_193:}

加林森 发表于 2021-11-30 23:49

马黑黑 发表于 2021-11-30 22:50


哈哈哈哈,老黑你闪不了的。

马黑黑 发表于 2021-12-1 07:21

加林森 发表于 2021-11-30 23:49
哈哈哈哈,老黑你闪不了的。

木有关系,俺有三十六变

加林森 发表于 2021-12-1 12:35

马黑黑 发表于 2021-12-1 07:21
木有关系,俺有三十六变

你老猪的变化啊?

马黑黑 发表于 2021-12-1 12:38

加林森 发表于 2021-12-1 12:35
你老猪的变化啊?

就这点本事

加林森 发表于 2021-12-1 12:43

马黑黑 发表于 2021-12-1 12:38
就这点本事

也不错也不错

马黑黑 发表于 2021-12-1 12:45

加林森 发表于 2021-12-1 12:43
也不错也不错

一般般吧

加林森 发表于 2021-12-1 13:22

马黑黑 发表于 2021-12-1 12:45
一般般吧

春光明媚猪八戒挺好看的。

马黑黑 发表于 2021-12-1 18:21

加林森 发表于 2021-12-1 13:22
春光明媚猪八戒挺好看的。

我知道春光明媚好看,猪八戒在我看来只是一道菜

加林森 发表于 2021-12-1 19:27

马黑黑 发表于 2021-12-1 18:21
我知道春光明媚好看,猪八戒在我看来只是一道菜

吃货一枚

马黑黑 发表于 2021-12-1 22:32

加林森 发表于 2021-12-1 19:27
吃货一枚

差不多
页: 1 [2] 3
查看完整版本: 很硬核的蹦极了 220 这是这么玩的嘛? 150 有小裙子的猫头鹰