论坛 › 欢乐水吧 › 旅鸽

马黑黑 发表于 2022-4-20 22:32

旅鸽

<style>
.bgDiv {
        margin: auto;
        padding: 10px;
        width: 740px;
        height: 460px;
        background-color: #000;
        background-image: radial-gradient(circle at 60px 420px, white 2px, green 32px, gray 36px,blue),linear-gradient(120deg, pink,tan);
        background-blend-mode: difference,lighten;
        font: 900 2.5em / 1em sans-serif;
        color: #da9e1c;
        text-shadow: 0 3px 4px #b08830, 0px -2px 1px #111;
        position: relative;
}
.bgDiv::before {
        content: '';
        position: absolute;
        width: 400px;
        height: 300px;
        right: 10px;
        border: 20px solid rgba(0,0,0,.4);
        border-radius: 50%;
        background: #58a;
        background-image: linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);
        background-size: 30px 30px;
}
.bgDiv p { left: 20px; top: 20px; margin: 0; padding: 0; }
.bgDiv img { position: absolute; }
.img1 { right: 20px; top: 80px; mix-blend-mode: multiply; animation: skew 2s linear infinite alternate; }
.img2 { left: 4px; bottom: 56px; }
@keyframes skew { to { transform: skewY(8deg); } }
</style>

<div class="bgDiv">
        <p>旅鴿·飛翔記憶</p>
        <img class="img1" src="https://638183.freep.cn/638183/t22/%E6%97%85%E9%B8%BD.jpg" alt="" />
        <img class="img2" src="https://638183.freep.cn/638183/t22/%E7%BE%BD%E6%AF%9B.png" alt="" />
</div>

<script>
let au = document.createElement("iframe");
au.src = "https://music.163.com/outchain/player?type=2&id=4875911&auto=1&height=66";
au.style.display = "none";
document.querySelector(".bgDiv").appendChild(au);
</script>

马黑黑 发表于 2022-4-20 22:36

所用图片：
一、白色背景的旅鸽图片

https://638183.freep.cn/638183/t22/%E6%97%85%E9%B8%BD.jpg
二、透明背景的羽毛图片

https://638183.freep.cn/638183/t22/%E7%BE%BD%E6%AF%9B.png

加林森 发表于 2022-4-20 22:43

明天是我的生日，老黑送什么?

马黑黑 发表于 2022-4-20 23:10

加林森 发表于 2022-4-20 22:43
明天是我的生日，老黑送什么?

我不太习惯送帖礼{:4_170:}

红影 发表于 2022-4-21 09:01

马黑黑 发表于 2022-4-20 22:36
所用图片：
一、白色背景的旅鸽图片



只有两张图图，却用背景模拟出那么多丰富的元素，黑黑厉害{:4_199:}

红影 发表于 2022-4-21 09:03

这歌曲还是立体声的，主唱、和声是分左右两个声道的呢，我都习惯了用一个耳塞听歌，这歌需要把两个耳塞都戴上才好听{:4_187:}

红影 发表于 2022-4-21 09:05

这只鸟儿的动作设计好神奇，只是转动个角度，却感觉鸟儿翅膀都会动的感觉{:4_199:}

红影 发表于 2022-4-21 09:05

加林森 发表于 2022-4-20 22:43
明天是我的生日，老黑送什么?

队长生日了，生日快乐{:5_166:}

樵歌 发表于 2022-4-21 10:33

静态图图凭空就动起来了，{:4_199:}

樵歌 发表于 2022-4-21 10:34

加林森 发表于 2022-4-20 22:43
明天是我的生日，老黑送什么?

生日快乐！{:4_176:}

梦油 发表于 2022-4-21 10:50

黑黑朋友早晨好！静态飞鸽，欲展翅翱翔。静中有动，黑黑朋友真了不起。

                     {:4_199:}

马黑黑 发表于 2022-4-21 11:48

梦油 发表于 2022-4-21 10:50
黑黑朋友早晨好！静态飞鸽，欲展翅翱翔。静中有动，黑黑朋友真了不起。

梦油朋友可能不了解旅鸽

马黑黑 发表于 2022-4-21 11:49

红影 发表于 2022-4-21 09:01
只有两张图图，却用背景模拟出那么多丰富的元素，黑黑厉害

看样子你也不太了解旅鸽

马黑黑 发表于 2022-4-21 11:49

樵歌 发表于 2022-4-21 10:34
生日快乐！

同乐同乐

加林森 发表于 2022-4-21 11:49

樵歌 发表于 2022-4-21 10:34
生日快乐！

谢谢樵歌！{:4_176:}

马黑黑 发表于 2022-4-21 11:49

红影 发表于 2022-4-21 09:05
这只鸟儿的动作设计好神奇，只是转动个角度，却感觉鸟儿翅膀都会动的感觉

skew的应用

加林森 发表于 2022-4-21 11:51

马黑黑 发表于 2022-4-20 23:10
我不太习惯送帖礼

{:4_203:}

加林森 发表于 2022-4-21 11:52

红影 发表于 2022-4-21 09:05
队长生日了，生日快乐

谢谢红影！{:4_204:}

马黑黑 发表于 2022-4-21 11:54

加林森 发表于 2022-4-21 11:51


去收礼吧，送了个魔幻手机给你玩玩

加林森 发表于 2022-4-21 11:56

马黑黑 发表于 2022-4-21 11:54
去收礼吧，送了个魔幻手机给你玩玩

好的好的，谢谢老黑啦。{:4_187:}

查看完整版本: 旅鸽