马黑黑 发表于 2022-1-21 13:17

枉凝眉（古琴版）

<style>

.papa{
        margin: 10px auto;
        position: relative;
        width: 700px;
        height: 528px;
        background: black url('https://www.huachaowang.com/data/attachment/forum/202201/21/131430s9l62hgtaczgj77e.jpg') no-repeat;
        opacity: 0.8;
}

.papa:hover {
        cursor: pointer;
        opacity: 1;
}

.papa:hover .wyyfram {
        display: inline-block;
}

.wyyfram {
        display: none;
}

.papa span {
        position: absolute;
        display: inline-block;
        width: 3px;
        height: 3px;
        background: white;
        opacity: 0.4;
        transform: rotate(45deg);
        animation: splash var(--k) infinite;
}
.papa span:nth-child(1){ left:60%; top:15%; --k: 9s; width:4px; height: 4px; }
.papa span:nth-child(2){ left:55%; top:10%; --k: 3s; }
.papa span:nth-child(3){ left:80%; top:8%; --k: 2s; }
.papa span:nth-child(4){ left:40%; top:17%; --k: 5s; }
.papa span:nth-child(5){ left:58%; top:10%; --k: 1s; }
.papa span:nth-child(6){ left:66%; top:5%; --k: 0.5s; }
.papa span:nth-child(7){ left:75%; top:30%; --k: 7s; }
.papa span:nth-child(8){ left:80%; top:20%; --k: 4s; }
.papa span:nth-child(9){ left:97%; top:16%; --k: 4.5s; }
.papa span:nth-child(10){ left:67%; top:23%; --k: 7.5s; }

@keyframes splash {
        0%, 100% { opacity: 0.2; }
        50% { opacity: 0.8; transform:scale(1.5) rotate(-45deg); }
}

</style>

<div class="papa">
        <iframe class="wyyfram" frameborder="no" border="0" marginwidth="0" marginheight="0" width="298" height="52" src="//music.163.com/outchain/player?type=2&amp;id=1335822657&amp;auto=1&amp;height=32"></iframe>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
</div>

红影 发表于 2022-1-21 13:37

这个又是集合了前面讲的很多功能。貌似把透明用上了，还有鼠标滑过时播放器的隐现。
最有趣的是这些星星，次第明灭，很有情调{:4_199:}

红影 发表于 2022-1-21 13:39

我单位网听不到网易云，但并不妨碍欣赏帖子。设计这么多的星星。
貌似你设计了10个星星，我在图上怎么只找到9个，是不是有1个逃走了{:4_173:}

樵歌 发表于 2022-1-21 14:16

小黑，我没听到声音？

马黑黑 发表于 2022-1-21 15:30

红影 发表于 2022-1-21 13:39
我单位网听不到网易云，但并不妨碍欣赏帖子。设计这么多的星星。
貌似你设计了10个星星，我在图上怎么只找 ...

可能遗落了，早变成流星了，那个瞬间没人发现

马黑黑 发表于 2022-1-21 15:30

樵歌 发表于 2022-1-21 14:16
小黑，我没听到声音？

网易云音乐的音乐，应该是可以听到的

红影 发表于 2022-1-21 16:47

马黑黑 发表于 2022-1-21 15:30
可能遗落了，早变成流星了，那个瞬间没人发现

变成流星可还行{:4_170:}

马黑黑 发表于 2022-1-21 17:53

红影 发表于 2022-1-21 16:47
变成流星可还行

还行吧

樵歌 发表于 2022-1-21 19:08

马黑黑 发表于 2022-1-21 15:30
网易云音乐的音乐，应该是可以听到的

是我拉动桌子，线松了。{:4_170:}

红影 发表于 2022-1-21 19:44

马黑黑 发表于 2022-1-21 17:53
还行吧

听到音乐了，好悠扬。真好听{:4_187:}

红影 发表于 2022-1-21 19:46

古琴真是好听呢，滑音都是揉弦弄出来的吧，余音袅袅的。

马黑黑 发表于 2022-1-21 19:54

红影 发表于 2022-1-21 19:46
古琴真是好听呢，滑音都是揉弦弄出来的吧，余音袅袅的。

精彩部分之一

马黑黑 发表于 2022-1-21 19:54

红影 发表于 2022-1-21 19:44
听到音乐了，好悠扬。真好听

不错的

马黑黑 发表于 2022-1-21 19:55

樵歌 发表于 2022-1-21 19:08
是我拉动桌子，线松了。

{:4_170:}

红影 发表于 2022-1-21 20:28

马黑黑 发表于 2022-1-21 19:54
精彩部分之一

让人听了很静心，忍不住沉浸其中。

红影 发表于 2022-1-21 20:29

马黑黑 发表于 2022-1-21 19:54
不错的

是的，多听一会。。。

绿叶清舟 发表于 2022-1-21 21:20

这个版本的好听，这些星星能变形状不

小辣椒 发表于 2022-1-21 21:23

特别喜欢这首枉凝眉，（古琴版）第一次听，好听~

马黑黑 发表于 2022-1-21 21:23

小辣椒 发表于 2022-1-21 21:23
特别喜欢这首枉凝眉，（古琴版）第一次听，好听~

大家听到的一般不是这个古琴

马黑黑 发表于 2022-1-21 21:29

红影 发表于 2022-1-21 20:29
是的，多听一会。。。

好听多听
页: [1] 2
查看完整版本: 枉凝眉（古琴版）