绿叶清舟 发表于 2022-3-26 20:49

孤舟诗渡 - 巫娜

本帖最后由 绿叶清舟 于 2022-3-26 21:42 编辑 <br /><br /><style type="text/css">

.picBtn1 {
      width: 150px;
      height: 108px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://www.huachaowang.com/data/attachment/forum/202203/24/192852thin3n35iyi9i5yt.gif') no-repeat;
      cursor: pointer;
}

.waiDiv { width:10%; min-height: 30px; padding:20px 0; background: .25; }
.water {
margin: auto;
width: 10px;
height: 10px;
box-sizing: border-box;
border-radius: 30% 70% 70% 30% / 30% 35% 65% 70%;
box-shadow: inset 1px 2px 3px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.3),1px 1px 3px rgba(0,0,0,.5),inset -1px -1px 5px rgba(255,255,254,.83);
animation: wmv 1s linear infinite;
animation: wmv 4s 0s linear infinite;
}
@keyframes wmv{
20% { border-radius: 30% 70% 53% 47% / 28% 44% 56% 72%; }
40% { border-radius: 30% 70% 39% 61% / 34% 39% 61% 66%; }
60% { border-radius: 25% 75% 45% 55% / 40% 55% 45% 60%;}
80% { border-radius: 28% 72% 31% 69% / 32% 39% 61% 68%;}
0%, 100% {
      top: 7%;
      opacity: 0;
    }
    32.5% {
      opacity: 1;
    }
    75%{
      top: 4%;
      opacity: 0;
    }
}
</style>


<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -320px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=700 background=https://pic.imgdb.cn/item/623f07c327f86abb2a70a3a4.jpg>
<DIVstyle="position: relative; LEFT: 50px; TOP: 230px">
               <div style="position:absolute; width:120px; left: 230px; top:calc(100% 180px); text-align:center;">
                <button id="picBtn1" class="picBtn1"></button>
      </div>
<DIVstyle="position: relative; LEFT: 965px; TOP: -261px">
<div class="waiDiv">
<div class="water"></div>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=38673089.mp3" ></audio>

<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
      mu.paused ? (mu.play(), btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/24/192852thin3n35iyi9i5yt.gif')") : (mu.pause(), btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/24/192852thin3n35iyi9i5yt.gif')");
}
mu.addEventListener("ended", function(){
      btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/24/192852thin3n35iyi9i5yt.gif')";
});
</script>

红影 发表于 2022-3-26 21:09

一滴会动的泪。有意思，清舟把那个水滴做成了泪滴，这构思真妙{:4_199:}

绿叶清舟 发表于 2022-3-26 21:43

红影 发表于 2022-3-26 21:09
一滴会动的泪。有意思，清舟把那个水滴做成了泪滴，这构思真妙

就是不肯掉下来{:4_189:}

大猫咪 发表于 2022-3-26 22:00

意境深远， 厚重温润,禅意盎然，太好听了，清舟好分享！ 现在听真舒服！

{:4_204:}{:4_199:}

绿叶清舟 发表于 2022-3-26 22:16

大猫咪 发表于 2022-3-26 22:00
意境深远， 厚重温润,禅意盎然，太好听了，清舟好分享！ 现在听真舒服！

还是巫娜的百听不厌了

红影 发表于 2022-3-26 22:20

绿叶清舟 发表于 2022-3-26 21:43
就是不肯掉下来

现在的隐现也好看呢，清舟聪明{:4_187:}

加林森 发表于 2022-3-26 23:25

好制作，真漂亮！{:4_199:}

大猫咪 发表于 2022-3-27 10:43

绿叶清舟 发表于 2022-3-26 22:16
还是巫娜的百听不厌了

嗯嗯    现在都喜欢静，{:5_106:} 清舟中午好{:4_204:}

绿叶清舟 发表于 2022-3-27 18:55

加林森 发表于 2022-3-26 23:25
好制作，真漂亮！

谢谢队长

绿叶清舟 发表于 2022-3-27 18:56

大猫咪 发表于 2022-3-27 10:43
嗯嗯    现在都喜欢静， 清舟中午好

猫好，现在不静也不行了啊

加林森 发表于 2022-3-27 19:26

绿叶清舟 发表于 2022-3-27 18:55
谢谢队长

不客气的。
页: [1]
查看完整版本: 孤舟诗渡 - 巫娜