Kill Bill
<style>.outer {
left: -302px;
width: 1200px;
height: 800px;
background: #666 url('/data/attachment/forum/202205/14/180640f31iccm7p1zpfizp.jpg') no-repeat;
position: relative;
}
.blood {
width: 80px;
height: 60px;
left: 1060px;
top: 428px;
border-radius: 20% 100%;
background: rgba(255,0,0,.25);
transform: skewY(10deg);
position: absolute;
}
.blood::before ,.blood::after {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 20px;
height: 30px;
border-radius: 50%;
background: rgba(139,0,0,.65);
transform: skew(-15deg) translate(0, 0);
filter: blur(2px);
animation: move 7.5s ease-in-out infinite;
}
.blood::after {
animation: move 7.5s ease-in-out 1s infinite;
}
@keyframes move {
80% { transform: translate(30px, 10px); }
93% { transform: translate(70px, 30px); opacity: 1; }
100% { transform: translate(70px, 350px); opacity: 0; }
}
</style>
<div class="outer">
<div class="blood"></div>
</div>
<script>
let aud = document.createElement('iframe');
aud.src = 'https://music.163.com/outchain/player?type=2&id=1946080850&auto=1&height=66';
aud.style.display = 'none';
document.querySelector('.outer').appendChild(aud);
</script>
刀头还在滴血，很形象{:4_187:} 黑黑的动画都是代码，这个好，代码的可以修改的，有无限可能{:4_204:} 红影 发表于 2022-5-14 19:01
黑黑的动画都是代码，这个好，代码的可以修改的，有无限可能
这个很朴素的
红影 发表于 2022-5-14 18:59
刀头还在滴血，很形象
杀死比尔是一部电影吧 这个是什么战刀啊？ 加林森 发表于 2022-5-14 20:05
这个是什么战刀啊？
杀死比尔的战刀 哇塞~~~鲜血淋漓的 黑黑，这个滴血效果非常棒{:4_178:} 小辣椒 发表于 2022-5-14 20:53
哇塞~~~鲜血淋漓的
模仿的还不够逼真，怕吓坏了大家 小辣椒 发表于 2022-5-14 20:54
黑黑，这个滴血效果非常棒
过得去吧，一般般的 马黑黑 发表于 2022-5-14 20:50
杀死比尔的战刀
{:4_172:} 加林森 发表于 2022-5-14 21:03
怕了木有 马黑黑 发表于 2022-5-14 21:04
怕了木有
不怕的，又没有砍我。 快打110{:4_189:} 绿叶清舟 发表于 2022-5-14 21:16
快打110
打了木有 加林森 发表于 2022-5-14 21:11
不怕的，又没有砍我。
你不是比尔 马黑黑 发表于 2022-5-14 21:49
打了木有
打了，说还没解封出不来{:4_189:} 刀尖滴血逼真，少儿不宜{:4_178:}