加林森 发表于 2022-5-18 21:10

《星夏》-- 小蓝背心


<style>
.stage{
        margin: auto;
        position: relative;
        left: -305px;
        width: 1200px;
        height: 550px;
        background:#666 url('https://pic.imgdb.cn/item/6284edbf09475431298d3c74.jpg');
        perspective: 3000px;
        perspective-origin: 50% 50%;
        cursor: pointer;
}
.stage::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('https://638183.freep.cn/638183/Pic/2022/smoke1.gif') no-repeat center/cover;
        opacity: .1;
}
.circle {
        --x: 80px;
        position: absolute;
        width: var(--x);
        height: var(--x);
        right: 20px;
               top: 80px;
               left: 84px;
        transform-style: preserve-3d;
        animation: rot 5s linear infinite;
}
.circle div {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid DeepPink;
        border-radius: 50%;
        padding: 0;
}
.circle div:nth-child(1){ transform:rotateY(0deg);}
.circle div:nth-child(2){ transform:rotateY(30deg);}
.circle div:nth-child(3){ transform:rotateY(60deg);}
.circle div:nth-child(4){ transform:rotateY(90deg);}
.circle div:nth-child(5){ transform:rotateY(120deg);}
.circle div:nth-child(6){ transform:rotateY(150deg);}
@keyframes rot{
        0%{ transform: rotateZ(30deg) rotateY(0turn);}
        100%{ transform: rotateZ(30deg) rotateY(1turn);}
}
</style>

<div class="stage">
        <div class="circle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
        </div>
</div>

<script>
var au = document.createElement('audio');
au.src = 'https://music.163.com/song/media/outer/url?id=1932465780.mp3';
au.loop = true;
au.autoplay = true;
document.querySelector('.stage').appendChild(au);
document.querySelector('.circle').onclick = function() {
        au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
}
</script>

加林森 发表于 2022-5-18 21:10

星夏 - 小蓝背心
因为注目又想起
你嬉笑明亮眼睛
泛黄的日记仿佛 叮咛
故事还没落尾
穿行过 城市昏飞 云 下
没有方向的 孤影
我们在星河月下看世界之大
也曾在风中交换彼此的梦啊
后来的时空变幻带走了你我的盛夏
就算喊到沙哑
也要说再见吧
一个站台的距离
仿佛是一种注定
列车它呼啸而过 风起
定格这秒记忆
在人群中 寻找熟悉 身影
好像你也能 感应
我们在星河月下看世界之大
也曾在风中交换彼此的梦啊
后来的时空变幻带走了你我的盛夏
就算喊到沙哑
也要说再见吧
一直到大雨落下把足迹冲刷
才明白抹不去是对你的牵挂
你是否听到了我在梦中说的那句话
就算没有回答
也有你的星夏
我们在星河月下看世界之大
也曾在风中交换彼此的梦啊
后来的时空变幻带走了你我的盛夏
就算喊到沙哑
也要说再见吧


马黑黑 发表于 2022-5-18 21:11

清新的风格

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

马黑黑 发表于 2022-5-18 21:11
清新的风格

画风改变了的

马黑黑 发表于 2022-5-18 21:12

加林森 发表于 2022-5-18 21:12
画风改变了的

变变才好

加林森 发表于 2022-5-18 21:20

马黑黑 发表于 2022-5-18 21:12
变变才好

就是，这样看见感觉有灵性了。

闲言不语 发表于 2022-5-18 21:26

很有个性的帖！{:4_199:}

加林森 发表于 2022-5-18 21:30

闲言不语 发表于 2022-5-18 21:26
很有个性的帖！

谢谢不语。晚上好！{:4_190:}

大猫咪 发表于 2022-5-18 21:36

画面好可爱 {:4_204:}第一次欣赏，队长好分享   {:4_204:}{:4_190:}

加林森 发表于 2022-5-18 21:39

大猫咪 发表于 2022-5-18 21:36
画面好可爱 第一次欣赏，队长好分享

我在改变画风了。{:4_189:}

大猫咪 发表于 2022-5-18 21:39

加林森 发表于 2022-5-18 21:39
我在改变画风了。

嗯嗯   {:4_189:}{:4_204:}

加林森 发表于 2022-5-18 21:42

大猫咪 发表于 2022-5-18 21:39
嗯嗯

挺好玩的。{:4_189:}{:4_204:}

绿叶清舟 发表于 2022-5-18 21:49

画面好可爱，声音也好听

马黑黑 发表于 2022-5-18 21:53

加林森 发表于 2022-5-18 21:20
就是，这样看见感觉有灵性了。

{:4_190:}

加林森 发表于 2022-5-18 22:14

绿叶清舟 发表于 2022-5-18 21:49
画面好可爱，声音也好听

是的，我改变一下画风的。

加林森 发表于 2022-5-18 22:14

马黑黑 发表于 2022-5-18 21:53


谢茶

绿叶清舟 发表于 2022-5-18 22:17

加林森 发表于 2022-5-18 22:14
是的，我改变一下画风的。

改得很棒的

加林森 发表于 2022-5-18 22:18

绿叶清舟 发表于 2022-5-18 22:17
改得很棒的

嗯嗯。谢谢啦！

醉美水芙蓉 发表于 2022-5-19 07:04

红影 发表于 2022-5-19 09:44

和歌曲很匹配的图图，队长真棒{:4_187:}
页: [1] 2
查看完整版本: 《星夏》-- 小蓝背心