花潮论坛

搜索
热搜: 活动 交友 discuz
楼主: 马黑黑

小白音画帖教程(完结)

[复制链接]
  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-3 20:35 | 显示全部楼层
    花飞飞 发表于 2024-9-3 20:34
    这个凭记忆整出来的,比一容易一丢丢

    让这些小玩意成为自己的技能就是好事
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-3 20:36 | 显示全部楼层
    花飞飞 发表于 2024-9-3 20:35
    最大的感受就是两天不看就回生。。

    那是一回生二回熟三回你是我我是你
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-3 20:43 | 显示全部楼层
    马黑黑 发表于 2024-9-3 20:35
    让这些小玩意成为自己的技能就是好事

    关键它好用啊。。变个色,整个大小啥的。。好用的就受欢迎
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-3 20:45 | 显示全部楼层
    马黑黑 发表于 2024-9-3 20:36
    那是一回生二回熟三回你是我我是你

    这得三步一回头的多瞧几眼
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-3 20:57 | 显示全部楼层
    花飞飞 发表于 2024-9-3 20:45
    这得三步一回头的多瞧几眼

    这个和敲三次黑板一样效果
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-3 20:57 | 显示全部楼层
    花飞飞 发表于 2024-9-3 20:43
    关键它好用啊。。变个色,整个大小啥的。。好用的就受欢迎

    是的
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 15:25 | 显示全部楼层
    马黑黑 发表于 2024-9-3 20:57
    这个和敲三次黑板一样效果

    敲黑板效果好,支持多敲敲。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 15:26 | 显示全部楼层
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-4 17:54 | 显示全部楼层
    花飞飞 发表于 2024-9-4 15:25
    敲黑板效果好,支持多敲敲。。

    三次合适了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 19:52 | 显示全部楼层

    三次就三次,不多不少刚刚好。。我写个二十六讲的作业去。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-4 20:39 | 显示全部楼层
    花飞飞 发表于 2024-9-4 19:52
    三次就三次,不多不少刚刚好。。我写个二十六讲的作业去。。

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 20:51 | 显示全部楼层
    本帖最后由 花飞飞 于 2024-9-4 20:52 编辑

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 20:53 | 显示全部楼层
    <style> #mhh {     --state: running;     margin: 30px 0 30px calc(50% - 593px);     width: 1024px;     height: 640px;     background: url('https://642303.freep.cn/642303/tu/sadf.webp') no-repeat center/cover;     border: 1px solid gray;     pointer-events: none;     overflow: hidden;     position: relative; } #mhh::before {     content: '';     position: absolute;     right: 430px;     top: 190px;     width: 130px;     height: 130px;     border-radius: 50%;     background: url('https://pic.imgdb.cn/item/66d85314d9c307b7e93e339b.png') no-repeat center/cover;     cursor: pointer;     pointer-events: auto;     animation: rot 6s linear infinite var(--state); } #mhh::after {     content: '';     position: absolute;     left: 100px;     top: 130px;     width: 100px;     height: 100px;     border-radius: 50%;     background: url('https://pic.imgdb.cn/item/66d8530dd9c307b7e93e2d40.png') no-repeat center/cover;     cursor: pointer;     pointer-events: auto;     animation: rot 6s linear infinite var(--state); } #vid1 {     position: absolute;     width: 640px;     height:640px;     left:220px; - top:-500px;     opacity: .99;     object-fit: cover;     border-radius: 50%;     mix-blend-mode: screen;     pointer-events: none; } #vid2 {     position: absolute;     width: 100%;     height:100%;     opacity: .59;     object-fit: cover;     mix-blend-mode:lighten;     pointer-events: none;     transform: rotateX(180deg);     -webkit-mask: linear-gradient(to top, red 58%, transparent 63.5%,transparent 0 ); } @keyframes rot { to { transform: rotate(360deg); } } </style>   <div id="mhh" title="播放/暂停"> <video id="vid1" src="https://bpic.588ku.com/video_listen/588ku_preview/23/02/08/12/12/14/video63e3211ee939e.mp4" autoplay loop muted></video> <video id="vid2" src="https://bpic.588ku.com/video_listen/588ku_preview/24/07/01/11/35/57/video6682241d43f12.mp4" autoplay loop muted></video>     <audio id="aud" src="https://music.163.com/song/media/outer/url?id=304937" autoplay loop></audio> </div>   <script>   mState = () => {     mhh.style.setProperty('--state', aud.paused ? 'paused' : 'running');     mhh.title = ['暂停','播放'][+aud.paused];     aud.paused ? vid1.pause() : vid1.play();     aud.paused ? vid2.pause() : vid2.play(); };   aud.oncanplay = aud.onplaying = aud.onpause = () => mState(); mhh.onclick = () => aud.paused ? aud.play() : aud.pause(); </script>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 20:58 | 显示全部楼层
    《小白音画教程》第二十六讲作业:
    参照本讲最后一个示例,制作一个简单的帖子。
    要求:
    ① 帖子有背景图、有视频,其中视频设置为圆形、不覆盖整个帖子;
    ② 用伪元素 ::before 和 ::after 做两个音频播放控制器,各自有自己的背景图案,点击任意一个都可以联动控制音乐、CSS动画和视频。




    完成情况:
    第一个视频用了圆形。。没有覆盖整个贴子,第二个视频用了全屏,星空遮罩一部分只显示天空。
    伪元素音频控制器,一个用了星球,另一个用了水样的花朵。均可控制音频动画和视频。




    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 20:59 | 显示全部楼层
    纯粹是重新学了一遍又做的。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-4 21:11 | 显示全部楼层
    花飞飞 发表于 2024-9-4 20:59
    纯粹是重新学了一遍又做的。。

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 21:24 | 显示全部楼层

    这流程没问题吧,先看教程再写作业。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2024-9-4 21:28 | 显示全部楼层
    花飞飞 发表于 2024-9-4 21:24
    这流程没问题吧,先看教程再写作业。

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 21:29 | 显示全部楼层

    咖啡时间到了。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2024-9-4 21:29 | 显示全部楼层
    再回一贴翻个页
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持:DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-11-30 15:46 , Processed in 0.113832 second(s), 22 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表