醉美水芙蓉 发表于 2022-6-4 19:43

东方之珠

本帖最后由 醉美水芙蓉 于 2022-6-4 19:42 编辑 <br /><br /> <div class="t_fsz">
<table cellspacing="0" cellpadding="0">

<style>

.outer { left: -252px; width: 1137px; height: 640px; box-shadow: 2px 2px 4px #333; background: teal url('https://s1.ax1x.com/2022/06/04/XdPcP1.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 880px; top: 60px; width: 100px; height: 100px; border-radius: 50%;background: #ff8c31 linear-gradient(transparent 49%,rgba(255,0,0,.65) 50%,transparent 0) no-repeat; background-size: 0% 100%; box-shadow: 5px 5px 30px 0 gray; cursor:pointer; }
.ele1::before, .ele1::after { position: absolute; content: ''; width: inherit; height: inherit; border-radius: inherit; }
.ele1::before { background: linear-gradient(transparent,rgba(0,0,0,0)); animation: flash 1s linear infinite; }
.ele1::after { background: radial-gradient(circle at 30% 30%,transparent,rgba(0,255,0,.25)); }
@keyframes flash { to { background: linear-gradient(transparent,rgba(0,0,0,.6)); } }

</style>

<div class="outer">
        <div class="ele1"></div>
<div style="position: absolute; left:80px; top: -52px; width:676px; opacity: .98;">
                <img alt="" src="https://pic.imgdb.cn/item/626dd2ef239250f7c53f0f33.gif "/>            
      </div>

</div>
<audio id="aud" src="https://www.qqmc.com/up/kwlink.php?id=197502065&.mp3" autoplay="autoplay" loop="loop"></audio>

<script>

let ele1 = document.querySelector('.ele1'), aud = document.querySelector('#aud');
ele1.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate',() => ele1.style.backgroundSize = 100 * aud.currentTime / aud.duration + '% 100%');

</script>
</td></tr></table>   

东篱闲人 发表于 2022-6-4 19:50

漂亮！大都市啊。。。{:5_116:}

加林森 发表于 2022-6-4 20:17

水芙蓉这个制作真漂亮，很干净的，很纯洁的。{:4_199:}

马黑黑 发表于 2022-6-4 20:25

美就一个字

四海八荒 发表于 2022-6-4 20:28

风水宝地

梦油 发表于 2022-6-4 20:37

怎一个美字了得。

醉美水芙蓉 发表于 2022-6-4 20:40

东篱闲人 发表于 2022-6-4 19:50
漂亮！大都市啊。。。

是呀！大上海呀！

醉美水芙蓉 发表于 2022-6-4 20:40

加林森 发表于 2022-6-4 20:17
水芙蓉这个制作真漂亮，很干净的，很纯洁的。

谢谢队长鼓励！

醉美水芙蓉 发表于 2022-6-4 20:41

马黑黑 发表于 2022-6-4 20:25
美就一个字

还得感谢黑黑老师的教程！

加林森 发表于 2022-6-4 20:41

醉美水芙蓉 发表于 2022-6-4 20:40
谢谢队长鼓励！
你制作得好，我必须给你鼓励的。

醉美水芙蓉 发表于 2022-6-4 20:41

四海八荒 发表于 2022-6-4 20:28
风水宝地

谢谢版主鼓励！

马黑黑 发表于 2022-6-4 20:42

醉美水芙蓉 发表于 2022-6-4 20:41
还得感谢黑黑老师的教程！

你做的很好

醉美水芙蓉 发表于 2022-6-4 20:42

梦油 发表于 2022-6-4 20:37
怎一个美字了得。

感谢梦油老师鼓励！

梦油 发表于 2022-6-4 20:43

醉美水芙蓉 发表于 2022-6-4 20:42
感谢梦油老师鼓励！

别客气。
页: [1]
查看完整版本: 东方之珠