绿叶清舟 发表于 2022-3-18 21:05
是啊现在图很难找的
尤其找得急的时候，平日多留心倒是能遇到好的。
杨柳青 发表于 2022-3-18 21:26
厉害厉害~~在大海里奔跑的黑马~~配上经典的诗画音乐~~杰作~~
多谢小杨柳，我只是在套用代码学习呢{:4_187:}
大猫咪 发表于 2022-3-18 21:48
红影音乐融合图片真棒，好创意，很有气势， 老黑收 礼开心
谢谢猫猫，我找了个动图的马，下回可以当黑黑的标志了{:4_189:}
加林森 发表于 2022-3-18 23:32
红影能不能把代码分享一下，我想看看。谢谢！
<style type="text/css">
/* 外框盒子 */
#xq { position: relative; left:-304px; top:120px; width: 1200px; height: 675px; background-image: url('https://pic.imgdb.cn/item/6232b46c5baa1a80ab69bdd6.jpg'); box-shadow: 4px 4px 5px #888; background-size: 1200px 675px; border-radius:12px; background-position: 1200px 0;animation: mv 28s linear infinite; }
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 400px;
text-align: center;
font-size: 5.2rem;
font-weight: bold;
color: #E0EEE0;
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: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif') no-repeat;
cursor: pointer;
}
/* 轱辘诗 */
.hxBox { position: absolute; left:220px; top:150px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;transform-origin: 50 50; animation: go 24s linear infinite;}
@keyframes go { to { transform: rotate(-360deg);} }
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:680px; top: 80px; ">纵横天下</div>
<div class="hxBox">
<svg viewBox="0 0 100 100">
<path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
<text stroke="#D1EEEE">
<textPath xlink:href="#yuan">
巡碧宇黑龙腾跃马尘轻黑夜行
</textPath>
</text>
</svg>
</div>
<div style="position: absolute; left:800px; top: 450px; width:180px;">
<img alt="" src="https://pic.imgdb.cn/item/6232bd295baa1a80ab793f4a.gif"/>
</div>
<div style="position: absolute; left:360px; top: 20px; width:382px; opacity: .15;">
<img alt="" src="https://pic.imgdb.cn/item/6232dd4c5baa1a80abb8792d.gif"/>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:120px; left: 240px; top:calc(100% - 496px); text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<!-- 因为播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=36019510.mp3" ></audio>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
});
</script>
<br><br><br><br><br><br><br><br>
樵歌 发表于 2022-3-19 07:22
师妹早上好昨晚照做了，还是不行呀。
师兄的发帖不对，要先勾选“纯文本”和“HTML”再黏贴代码，然后发出来的才是代码内容，不选的话，就成了代码本身，要的效果就出不来了。师兄可以多试试。
红影 发表于 2022-3-19 09:54
尤其找得急的时候，平日多留心倒是能遇到好的。
是啊，看到喜欢的就分类的存起来用时方便找了
红影 发表于 2022-3-19 09:47
哈哈，真试，还是别了，我怕你掉水里
我又不是旱鸭子
马黑黑 发表于 2022-3-19 10:09
我又不是旱鸭子
哈哈，那祝水上漂神功早成{:4_173:}
绿叶清舟 发表于 2022-3-19 10:03
是啊，看到喜欢的就分类的存起来用时方便找了
我平日没这个习惯呢，都是现找{:4_173:}
红影 发表于 2022-3-19 10:21
哈哈，那祝水上漂神功早成
这么重肿么漂
马黑黑 发表于 2022-3-19 11:27
这么重肿么漂
有功夫在身的话，再重都不是问题{:4_173:}
红影 发表于 2022-3-19 20:15
有功夫在身的话，再重都不是问题
嗯，好像有一个方程可以脱离地心引力
马黑黑 发表于 2022-3-19 20:32
嗯，好像有一个方程可以脱离地心引力
第二宇宙速度{:4_173:}
红影 发表于 2022-3-19 21:55
第二宇宙速度
那我要开始锻炼跑步的，争取拿下这个速度
马黑黑 发表于 2022-3-19 23:05
那我要开始锻炼跑步的，争取拿下这个速度
你当心飞出地球啊{:4_170:}
红影 发表于 2022-3-20 13:55
你当心飞出地球啊
没事，带个氧气瓶
马黑黑 发表于 2022-3-20 13:56
没事，带个氧气瓶
太空不仅仅是没有氧气，其他的也都没有，要带的东西多了去了{:4_173:}
红影 发表于 2022-3-21 11:28
太空不仅仅是没有氧气，其他的也都没有，要带的东西多了去了
有氧气就够了，我可以辟谷
马黑黑 发表于 2022-3-21 12:44
有氧气就够了，我可以辟谷
想得美，没训练过的辟谷很痛苦的。对了，这个帖子我把接缝去掉了。现在滚动起来比较连续了。
红影 发表于 2022-3-21 18:40
想得美，没训练过的辟谷很痛苦的。对了，这个帖子我把接缝去掉了。现在滚动起来比较连续了。
看到了