霓虹 发表于 2022-5-24 11:23

《晒》马甲

本帖最后由 霓虹 于 2022-5-24 12:04 编辑 <br /><br /><style type="text/css">
.bgbox {
        width: 496px;
        height: 290px;
        margin: auto;
        background: skyblue url('https://pic.imgdb.cn/item/628c49520947543129310fce.png') no-repeat;
        position: relative;
      box-shadow:0 0 8px #333;
      border-radius:8px;
}

.circle {
        --x: 70px;
        position: absolute;
        width: var(--x);
        height: var(--x);
        left: 42px;
      top: 216px;
        transform-style: preserve-3d;
        animation: rot1 7s linear infinite;
        cursor: pointer;
}
.circle div {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid red;
        border-radius: 50%;
        padding: 0;
}
.circle div:nth-child(1){ transform:rotateY(0deg);}
.circle div:nth-child(2){ transform:rotateY(15deg);}
.circle div:nth-child(3){ transform:rotateY(30deg);}
.circle div:nth-child(4){ transform:rotateY(45deg);}
.circle div:nth-child(5){ transform:rotateY(60deg);}
.circle div:nth-child(6){ transform:rotateY(75deg);}
.circle div:nth-child(7){ transform:rotateY(90deg);}
.circle div:nth-child(8){ transform:rotateY(105deg);}
.circle div:nth-child(9){ transform:rotateY(120deg);}
.circle div:nth-child(10){ transform:rotateY(135deg);}
.circle div:nth-child(11){ transform:rotateY(150deg);}
.circle div:nth-child(12){ transform:rotateY(165deg);}
@keyframes rot1{
        0%{ transform: rotateZ(30deg) rotateY(0turn);}
        100%{ transform: rotateZ(30deg) rotateY(1turn);}
}

</style>

<div class="bgbox">
       
        <div id="roBox" class="circle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
        </div>

</div>
<audio id="ymusic" src="https://music.163.com/song/media/outer/url?id=1363517070.mp3"

autoplay="autoplay" loop="loop"></audio>

<script language="javascript">
var mu = document.getElementById('ymusic');      
var roBtn = document.getElementById('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") :

(mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>

霓虹 发表于 2022-5-24 11:23

晒马甲啦{:4_173:}

霓虹 发表于 2022-5-24 11:25

想起东篱大哥曾做的签名被穿到了这个马甲身上，顺势想起了这件马甲。好久没上这个了。

加林森 发表于 2022-5-24 11:27

好制作，真漂亮。美女好酒量！{:4_199:}

霓虹 发表于 2022-5-24 12:06

加林森 发表于 2022-5-24 11:27
好制作，真漂亮。美女好酒量！

是我啊，红影，我把标题改了一下，索性就叫晒马甲吧。呵呵，论坛升级后签名不出来了，否则可以直接看到签名上有名字的。一会我去把签名改一下{:4_173:}

小九 发表于 2022-5-24 12:11

谁的马甲呀，忘记了{:4_187:}

霓虹 发表于 2022-5-24 12:12

小九 发表于 2022-5-24 12:11
谁的马甲呀，忘记了

红影啊，呵呵，好久不上，差点忘记这个马甲了{:4_173:}

马黑黑 发表于 2022-5-24 12:16

这场合豪爽，符合俺的风格

加林森 发表于 2022-5-24 12:18

霓虹 发表于 2022-5-24 12:06
是我啊，红影，我把标题改了一下，索性就叫晒马甲吧。呵呵，论坛升级后签名不出来了，否则可以直接看到签 ...

哦，厉害。马甲大大的有。。。。{:4_170:}

红影 发表于 2022-5-24 12:42

马黑黑 发表于 2022-5-24 12:16
这场合豪爽，符合俺的风格

那些是低度酒，你不是喝高度的么{:4_173:}

红影 发表于 2022-5-24 12:43

加林森 发表于 2022-5-24 12:18
哦，厉害。马甲大大的有。。。。

这个本来是跟霓秋他们一起玩时注册的，之后自己都忘记了，今天忽然想起来{:4_173:}

加林森 发表于 2022-5-24 12:47

我是马甲盲

马黑黑 发表于 2022-5-24 13:23

红影 发表于 2022-5-24 12:42
那些是低度酒，你不是喝高度的么

口渴的时候也喝低度酒

依蘩 发表于 2022-5-24 15:56

红马甲，飒爽英姿

红影 发表于 2022-5-24 20:31

加林森 发表于 2022-5-24 12:47
我是马甲盲

我也是，所以我很少马甲玩{:4_173:}

红影 发表于 2022-5-24 20:32

马黑黑 发表于 2022-5-24 13:23
口渴的时候也喝低度酒

啊？当水喝啊{:4_172:}

红影 发表于 2022-5-24 20:32

依蘩 发表于 2022-5-24 15:56
红马甲，飒爽英姿

喝酒很爽，谢谢依蘩{:4_187:}

加林森 发表于 2022-5-24 20:34

红影 发表于 2022-5-24 20:31
我也是，所以我很少马甲玩

就是，我有时有感觉时可能猜得出来的。

马黑黑 发表于 2022-5-24 20:55

红影 发表于 2022-5-24 20:32
啊？当水喝啊

学学宋朝时期的英雄

红影 发表于 2022-5-25 10:33

加林森 发表于 2022-5-24 20:34
就是，我有时有感觉时可能猜得出来的。

猜马甲，感觉很重要{:4_173:}
页: [1] 2
查看完整版本: 《晒》马甲