南无月 发表于 2024-4-6 18:51

【黑师代码】听风（学习黑师20240401《Steps》画布圆形小播效果）

本帖最后由 南无月 于 2024-4-6 19:04 编辑 <br /><br /><style>
        #papa { margin: 130px 0 10px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://pic.imgdb.cn/item/660ea29368eb935713a02dbc.webp') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; z-index: 1; position: relative; }
        #papa::before{ content: url('https://pic.imgdb.cn/item/660c05589f345e8d03f086bd.png'); position: absolute; left:-20px; z-index: -1; bottom: -20px;transform-origin: 50% 100%;animation: skew 1.5s infinite alternate var(--state); --scale: 1,1; }
        #papa video { position: absolute; bottom: 0; width: 100%; height: calc(100% - 160px); transform: rotateX(15deg);object-fit: cover; mix-blend-mode: screen; pointer-events: none; opacity: .96;}
        #canv { display: block; position: absolute; bottom: 456px; left: calc(20% - 60px); transform: scale(0.55); cursor: pointer; opacity: .76;}
        @keyframes skew { from { transform: skew(-1.5deg) scale(var(--scale)); } to { transform: skew(1.5deg) scale(var(--scale)); } }
</style>

<div id="papa">
        <audio src="https://music.163.com/song/media/outer/url?id=31967406" autoplay></audio>
        <video src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" loop muted></video>
        <canvas id="canv" width="200" height="200" style=""></canvas>
</div>

<script>
(function() {
        let sF = document.createElement('script');
        sF.src = 'https://638183.freep.cn/638183/web/js/canvcircle_prg.js';
        sF.charset = 'utf-8';
        document.body.appendChild(sF);
        btnUrl = 'https://pic.imgdb.cn/item/660c06d99f345e8d0303577c.png';
})();
</script>

南无月 发表于 2024-4-6 18:53

@马黑黑 老师瞧瞧，交份作业。。{:4_187:}

马黑黑 发表于 2024-4-6 19:54

气势磅礴之中有细腻的情节，图片与帖子的制作尽显优雅的作风。点32个赞嫌少。

南无月 发表于 2024-4-6 20:15

马黑黑 发表于 2024-4-6 19:54
气势磅礴之中有细腻的情节，图片与帖子的制作尽显优雅的作风。点32个赞嫌少。

太好了，第一次老师评价看到32个赞少的，不然就36个。。{:4_170:}

樵歌 发表于 2024-4-6 20:50

意象辽阔，音乐很是空灵。绝对上佳之作！

樵歌 发表于 2024-4-6 20:52

马黑黑 发表于 2024-4-6 19:54
气势磅礴之中有细腻的情节，图片与帖子的制作尽显优雅的作风。点32个赞嫌少。

多点几个赞耽误点烟吗{:4_172:}

马黑黑 发表于 2024-4-6 20:56

樵歌 发表于 2024-4-6 20:52
多点几个赞耽误点烟吗

点赞和点烟一样一样的

马黑黑 发表于 2024-4-6 20:56

南无月 发表于 2024-4-6 20:15
太好了，第一次老师评价看到32个赞少的，不然就36个。。

{:4_172:}

红影 发表于 2024-4-6 21:14

画面很漂亮，进度条和按钮好像托在女子手上，真有趣。尤其按钮，非常漂亮{:4_199:}

红影 发表于 2024-4-6 21:15

欣赏月儿好帖{:4_199:}

樵歌 发表于 2024-4-6 21:28

马黑黑 发表于 2024-4-6 20:56
点赞和点烟一样一样的

也对都是点，一个燃一个闪光{:4_189:}

小辣椒 发表于 2024-4-6 22:15

月月做的背景图图大气，光感效果也是非常的美{:4_199:}

小辣椒 发表于 2024-4-6 22:16

视觉效果好赞的，月月太棒了

马黑黑 发表于 2024-4-6 23:11

樵歌 发表于 2024-4-6 21:28
也对都是点，一个燃一个闪光

最终成灰

南无月 发表于 2024-4-7 18:15

樵歌 发表于 2024-4-6 20:50
意象辽阔，音乐很是空灵。绝对上佳之作！

感谢樵管支持鼓励。{:4_187:}

南无月 发表于 2024-4-7 18:17

马黑黑 发表于 2024-4-6 20:56


那个树枝就是当时比例没整对，
1，1..这里可控制大小，
如果两个都小于1或者大于是就可整体缩小或者放大。。
这又学到了。。{:4_173:}

南无月 发表于 2024-4-7 18:17

红影 发表于 2024-4-6 21:14
画面很漂亮，进度条和按钮好像托在女子手上，真有趣。尤其按钮，非常漂亮

这个泡泡按纽试一下就喜欢上了，就没再改。。
{:4_170:}

南无月 发表于 2024-4-7 18:18

红影 发表于 2024-4-6 21:15
欣赏月儿好帖

谢谢影子一直支持鼓励。。{:4_187:}

南无月 发表于 2024-4-7 18:18

小辣椒 发表于 2024-4-6 22:15
月月做的背景图图大气，光感效果也是非常的美

小辣椒你来了，看到你的回复就是开心。。{:4_199:}

南无月 发表于 2024-4-7 18:19

小辣椒 发表于 2024-4-6 22:16
视觉效果好赞的，月月太棒了

{:4_187:}送花上茶。{:4_190:}
页: [1] 2
查看完整版本: 【黑师代码】听风（学习黑师20240401《Steps》画布圆形小播效果）