本帖最后由 加林森 于 2022-4-3 21:10 编辑 <br /><br />红影 发表于 2021-10-6 16:34
是的
我刚才才跟着做了一个帖你帮着看看有问题没有？
<style>
.spiBox {
position: relative;
width: 100%;
height: 300px;
}
.spiBox img {
position: absolute;
width: 200px;
height: 200px;
top: 20px;
right: 10px;
transform: rotate(45deg);
animation: walk 15s linear infinite;
}
@keyframes walk {
to { right: 100%; }
}
</style>
<div class="spiBox">
<img src="https://www.kumeiwp.com/sub/filestores/2022/04/03/3b232a252ea0e114138878a6df0420a4.gif" alt="" />
</div>
本帖最后由 加林森 于 2022-4-3 21:07 编辑 <br /><br />马黑黑 发表于 2021-10-6 16:20
就酱
你不次蟹了啊
<style>
.oml { position: relative; left: -340px; width: 1280px; height: 720px; background: olive url('https://pic.imgdb.cn/item/6249ea70239250f7c5167b7e.jpg') no-repeat center/cover; font: 1em / 30px Sans-serif; color: #aaa; text-shadow: 1px 1px 1px #666; opacity: .85;}
.oml::before { content:''; position: absolute; width: 100%; height: 365px; background: url('/data/attachment/forum/202204/03/154038ppjf8hsz7h4fjfms.gif') repeat-x; }
.oml::after { content: attr(data-t); position: absolute; width: 250px; left: 160px; bottom: 15px; animation: fly 20s linear infinite alternate; }
.btn { position: absolute; width: 120px; height: 30px; left: 10px; bottom: 15px; text-align: center;background: #666; border-radius: 8px; cursor: pointer; opacity: .8; animation: color 1s ease infinite; }
@keyframes fly { to { left: 1000px; } }
@keyframes color { to { color: gold; } }
</style>
<div class="oml" data-t="Ludwig van Beethoven - 欢乐颂">
<div class="btn">Play&Pause</div>
</div>
<script>
let canplay = true;
let btn = document.querySelector('.btn');
let oml = document.querySelector('.oml');
let aud = document.createElement('audio');
aud.src = "http://www.kumeiwp.com/sub/filestores/2022/04/03/d45eaa4fdbad3ec5b76457c1b528b79f.mp3";
aud.loop = true;
document.querySelector('.oml').appendChild(aud);
btn.onclick = function() {
canplay ? (aud.play(), this.style.animationPlayState='paused', canplay = false) : (aud.pause(), this.style.animationPlayState = 'running', canplay = true);
}
</script>
加林森 发表于 2021-10-6 16:48
你不次蟹了啊
不了
马黑黑 发表于 2021-10-6 17:04
不了
又客气了啊
加林森 发表于 2021-10-6 17:31
又客气了啊
应该的应该的
马黑黑 发表于 2021-10-6 17:35
应该的应该的
服你了{:4_189:}
加林森 发表于 2021-10-6 16:41
我刚才才跟着做了一个帖你帮着看看有问题没有？
很棒的，队长现在做帖很厉害{:4_187:}
红影 发表于 2021-10-6 18:32
很棒的，队长现在做帖很厉害
{:4_189:}悄悄的干活
加林森 发表于 2021-10-6 19:20
悄悄的干活
以后可以做更多有趣的帖子了{:4_204:}
加林森 发表于 2021-10-6 17:39
服你了
必须的
马黑黑 发表于 2021-10-7 07:36
必须的
真的吗？
加林森 发表于 2021-10-7 10:38
真的吗？
真的假不了
马黑黑 发表于 2021-10-7 10:43
真的假不了
假的真不了
加林森 发表于 2021-10-7 10:47
假的真不了
假作真时真亦假
马黑黑 发表于 2021-10-7 11:15
假作真时真亦假
真作假时真亦假