醉美水芙蓉 发表于 2022-5-15 17:17

不要活在别人的眼里 (DJ伟然版) - 李英

本帖最后由 醉美水芙蓉 于 2022-5-15 17:16 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1567431">

<style type="text/css">
.bgbox {
        width: 1394px;
        height: 760px;
        left: -400px;
         top: 0px;
        background: skyblue url('http://pan.yinhuabbs.cn/view.php/b6a7c92a458a7d9dd35d20694a3dc334.jpg') no-repeat;
        position: relative;
}
.outer {
        width: 240px;
        height: 240px;
        left: 20px;
        top: 20px;
        border-radius: 50%;
        position: absolute;
}
.wrap {
        width: 240px;
        height: 240px;
        overflow: hidden;
        background-color: rgba(38,172,205,.95);
        border-radius: 50%;
        position: absolute;
}
.wrap::before, .wrap::after {
        content: '';
        position: absolute;
        width: 400px;
        margin-top: -220px;
        margin-left: -80px;
        height: 400px;
        transform-origin: 49% 47%;
        border-radius: 50%;
        background-color: #fff;
        animation: rot 4s linear infinite;
        opacity: .7;
}
.wrap::after{
        animation: rot 4s 2.5s linear infinite;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="bgbox">
        <div class="outer">
                <div class="wrap"></div>
        </div>
</div>

<script>
var au = document.createElement('audio');
au.src = 'http://music.163.com/song/media/outer/url?id=1935947754.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>

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

加林森 发表于 2022-5-15 17:33

水芙蓉制作得真漂亮，赞！图片可以再调小点好些。一个建议哈。{:4_199:}

马黑黑 发表于 2022-5-15 18:10

挺不错。图片加载有些慢

醉美水芙蓉 发表于 2022-5-15 18:48

加林森 发表于 2022-5-15 17:33
水芙蓉制作得真漂亮，赞！图片可以再调小点好些。一个建议哈。

谢谢队长精彩点评！

醉美水芙蓉 发表于 2022-5-15 18:48

马黑黑 发表于 2022-5-15 18:10
挺不错。图片加载有些慢

感谢黑黑老师的代码教程！

加林森 发表于 2022-5-15 18:54

醉美水芙蓉 发表于 2022-5-15 18:48
谢谢队长精彩点评！

嗯嗯。

马黑黑 发表于 2022-5-15 18:56

醉美水芙蓉 发表于 2022-5-15 18:48
感谢黑黑老师的代码教程！

{:4_180:}

大猫咪 发表于 2022-5-15 19:18

水芙蓉制作得真漂亮，赞！ 好听又好看！{:4_187:}

小辣椒 发表于 2022-5-15 20:44

谢谢水芙蓉精彩分享{:4_171:}

醉美水芙蓉 发表于 2022-5-16 20:41

大猫咪 发表于 2022-5-15 19:18
水芙蓉制作得真漂亮，赞！ 好听又好看！

谢谢大猫咪支持！

醉美水芙蓉 发表于 2022-5-16 20:41

小辣椒 发表于 2022-5-15 20:44
谢谢水芙蓉精彩分享

谢谢小辣椒美女支持！
页: [1]
查看完整版本: 不要活在别人的眼里 (DJ伟然版) - 李英