这效果做的漂亮,摇摆的文字挺好看。表情做的按钮也很新颖,真好{:4_179:}
这背景图也喜欢,歌儿选的好听,影子现在用黑黑老师的代码做帖是得心应手呢,{:4_179:}
好喜欢啊,谢谢影子的美帖,我都想照着做一个了{:4_173:}
红影 发表于 2022-3-13 22:48
@千羽 谢谢羽儿好礼,影子学个字体效果,回个小礼。希望你每一个天都心情好好
嗯,和影子一起天天好心情,开心玩图{:4_179:}
马黑黑 发表于 2022-3-13 22:57
千羽收礼开森
谢谢黑黑老师{:4_187:}
小九 发表于 2022-3-14 17:56
心情不错,羽儿收礼开心
小九晚上好,谢谢{:4_187:}
大猫咪 发表于 2022-3-14 19:14
红影好制作,真棒,图片,色彩,歌曲都让人感觉很好, 看着舒服! 厉害!
千羽小仙女收礼开心!
问好猫咪,谢谢{:4_187:}
加林森 发表于 2022-3-14 16:29
就是,我也去试一试制作一个出来玩玩。
好啊,等着看队长的制作{:4_173:}
马黑黑 发表于 2022-3-14 17:23
这是大猫咪的表情
才不是,原本就是论坛表情好不好{:4_173:}
小辣椒 发表于 2022-3-14 17:44
亲爱的,这个效果太棒了
黑黑的那个摆动字体,发现用来做帖子还挺有趣的{:4_173:}
红影 发表于 2022-3-14 19:54
好啊,等着看队长的制作
我制作出来了。{:4_189:}
小辣椒 发表于 2022-3-14 17:45
晚上电脑上来继续欣赏
谢谢亲爱的,空了想多试几个字体效果,感觉那个集中营里的都好看呢{:4_187:}
小九 发表于 2022-3-14 17:56
心情不错,羽儿收礼开心
祝九儿也每天心情不错{:4_179:}
大猫咪 发表于 2022-3-14 19:14
红影好制作,真棒,图片,色彩,歌曲都让人感觉很好, 看着舒服! 厉害!
千羽小仙女收礼开心!
偶尔听到这歌,觉得很轻松温暖,就用来做帖子了{:4_173:}
千羽 发表于 2022-3-14 19:29
高高兴兴来收礼啦
羽儿来了谢谢你的好礼{:4_187:}
红影 发表于 2022-3-14 19:57
羽儿来了谢谢你的好礼
哈哈,影子,该说谢谢的是我厊{:4_173:}
千羽 发表于 2022-3-14 19:31
这效果做的漂亮,摇摆的文字挺好看。表情做的按钮也很新颖,真好
是啊,黑黑的那个摇摆字特别漂亮{:4_173:}
千羽 发表于 2022-3-14 19:35
这背景图也喜欢,歌儿选的好听,影子现在用黑黑老师的代码做帖是得心应手呢,
没有啊,黑黑老师那里太多好东西了,影子没本事都做出来啊{:4_173:}
千羽 发表于 2022-3-14 19:37
好喜欢啊,谢谢影子的美帖,我都想照着做一个了
好啊,我去把这个帖子的代码贴出来
<style tpye="text/css">
#xq { position: relative; left:-204px;top:120px; width: 1024px; height: 684px; background:#333 url('https://pic.imgdb.cn/item/622dc0cf5baa1a80ab43cd0d.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 5rem;
font-weight: bold;
color: #EEEE00;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.picBtn {
width: 120px;
height: 120px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif') no-repeat;
cursor: pointer;
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:120px; top: 40px; ">心情不错</div>
<div style="position: absolute; left:120px; top: 150px; width:400px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
<div style="position:absolute; width:160px; left:560px; top: 60px; text-align:center;">
<center >
<p ><font color="#ffffff" size="4" >
<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
<marqueescrollamount="5" direction="left" >把一首轻松的歌儿送给羽儿,感谢你的好礼,祝福每一天《心情不错》 </marquee>
<p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/13/f088571586e027f5d98fc83817dd9f53.mp3" loop="loop" autoplay="autoplay" ></audio><br></p>
<div style="position:absolute; width:120px; left:110px; top: 250px; text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
</div>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')";
})
</script></div>
<br><br><br><br><br><br><br><br>
千羽 发表于 2022-3-14 19:40
嗯,和影子一起天天好心情,开心玩图
嗯嗯,我们每天好心情{:4_179:}