学习帖【舞者】黑黑老师千秋岁作业
本帖最后由 梦江南 于 2024-8-19 08:12 编辑 <br /><br /><style>#mama {
margin: 30px 0 30px calc(50% - 721px);
width: 1280px;
height: 845px;
background: url('https://pic.imgdb.cn/item/66c28d5fd9c307b7e941cc79.jpg') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform: rotateY(180deg);
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=458711224" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2475824/00/01/98/5b4f6dda0115f.mp4" autoplay loop muted></video>
<img src="https://pic.imgdb.cn/item/66c19d99d9c307b7e9b5314f.gif" width="220px" alt="" style="position: absolute; bottom: 100px; left: 740px;opacity: .75;" />
</div>
<script>
var geci = ` 作词 : 汪起正\n 作曲 : 刘炫豆\n编曲：刘充\n目光在黑暗中滑动\n脚尖在灯光下疼痛\n身体在节奏里舞动\n执迷云雾中\n呼吸在空气中冰冻\n掌心在地面上触碰\n骨肉在血液下暴动\n执着冥冥中\n场灯熄灭台下感动失控\n孤独的舞者看不见观众\n手指的延伸旋律的放纵\n跳跃旋转博取自己认同\n舞者\n渺小存在流于平庸\n舞者\n筋骨错位也是鱼跃成龙\n舞者\n天使起舞不忘初衷\n舞者\n不做英雄只要自己认同\n舞台冰冷灯光无动于衷\n纵身一跃灵魂拔地腾空\n湿透的妆容冲淡了笑容\n谢幕转身眼前台去楼空\n舞者\n渺小存在流于平庸\n舞者\n筋骨错位也是鱼跃成龙\n舞者\n天使起舞不忘初衷\n舞者\n不做英雄只要自己认同`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/meter_pinpu_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: .5,
average: 0,
pinpu: { num: 40, width: 3, height: 120, color: 'linear-gradient(white 1px, transparent 4px, transparent 80%, white 80.5% 0)' },
player_css: 'right: 100px; bottom: 20px; color: silver;',
lrc_css: 'left: 30px; bottom: 20px; --bg: linear-gradient(#eeffee, #eeffeef0, #eeffee80); color: #666;',
fs_css: 'left: 20px; top: 20px; --bg: transparent; --color: darkred;',
});
};
</script> 欣赏老师的精美音画，点赞！
老谟深虑 发表于 2024-8-18 15:43
欣赏老师的精美音画，点赞！
谢谢老谟老师沙发支持，下午好！{:4_204:} https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 起个网名好难 发表于 2024-8-18 15:58
谢谢老师支持，下午好！{:4_204:} 欣赏舞美，问候江南。 这个制作漂亮，加入了跳舞小人，视频选择也很好。
整个效果特别好，欣赏江南好帖{:4_199:} 这个底图是1022*673，如果放大到1280宽度，等比例放大的高度对应着845，强制取720高度让上下的图形被吞掉了不少，我说“舞者”怎么那么靠上。江南会作图的，可以先处理好图图呢，大小没事，能大致成比例会更好。当然，现在的样子也没什么，只是交流一下{:4_173:} 这个制作还是很美的，很赞{:4_187:} 梦油 发表于 2024-8-18 17:02
欣赏舞美，问候江南。
谢谢梦油老师分享，早上好！{:4_204:} 红影 发表于 2024-8-18 18:03
这个制作漂亮，加入了跳舞小人，视频选择也很好。
整个效果特别好，欣赏江南好帖
谢谢影子支持鼓励，早上好！{:4_204:} 红影 发表于 2024-8-18 18:09
这个底图是1022*673，如果放大到1280宽度，等比例放大的高度对应着845，强制取720高度让上下的图形被吞掉了 ...
谢谢影子指导，我是在想怎么“舞者”两字怎么到顶了呢？原来是高度欠高。这下把1280X845了，就好了。{:4_187:} 红影 发表于 2024-8-18 18:10
这个制作还是很美的，很赞
谢谢影子，惭愧，正在努力学习。{:4_204:} 梦江南 发表于 2024-8-19 08:14
谢谢梦油老师分享，早上好！
梦江南朋友下午好！ 梦江南 发表于 2024-8-19 08:17
谢谢影子支持鼓励，早上好！
江南做帖子很有自己的思路{:4_187:} 梦江南 发表于 2024-8-19 08:21
谢谢影子指导，我是在想怎么“舞者”两字怎么到顶了呢？原来是高度欠高。这下把1280X845了，就好了。{:4_ ...
像素好的图图可以放大一下，但缩小和放大最好是等比例的，比例可以作图时调好的呢。
这个不是指导啊，就是彼此交流着学习呢{:4_187:} 梦江南 发表于 2024-8-19 08:22
谢谢影子，惭愧，正在努力学习。
江南的学习很认真，非常赞{:4_199:} 梦油 发表于 2024-8-19 16:45
梦江南朋友下午好！
问好梦油老师，早上好！ 红影 发表于 2024-8-19 22:31
江南做帖子很有自己的思路
这是您教我的，我在开始想怎么做老师的作业。 红影 发表于 2024-8-19 22:33
像素好的图图可以放大一下，但缩小和放大最好是等比例的，比例可以作图时调好的呢。
这个不是指导啊，就 ...
有影子的交流，我才会成长。{:4_173:}
页:
[1]
2