设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
123下一页
返回列表 发新帖
查看: 512|回复: 56

[清音纯乐] 追梦人（笛子版）

[复制链接]
马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

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

    请马上登录，朋友们都在花潮里等着你哦：）

    您需要 登录 才可以下载或查看，没有账号？立即注册

    x
    本帖最后由 马黑黑 于 2022-1-22 20:05 编辑

    评分

    参与人数 5威望 +190 金钱 +380 经验 +190 收起 理由
    冬天的雨 + 30 + 60 + 30 赞一个!
    绿叶清舟 + 30 + 60 + 30 赞一个!
    大猫咪 + 30 + 60 + 30 赞一个!
    小辣椒 + 50 + 100 + 50 赞一个!
    红影 + 50 + 100 + 50 赞一个!

    查看全部评分

    回复

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-1-22 19:36 | 显示全部楼层
    这个播放器又是新的玩法，不用鼠标滑过隐现，而是滑过是不同的透明度。原来display: none和display: block跟不不用写，直接给透明度就可以了。
    这个也是图上加图的范例。有趣
    　
    回复 支持 反对

    使用道具 举报

    小辣椒
  • TA的每日心情
    开心
    2019-11-25 21:11

    • 签到天数: 1 天

    [LV.1]初来乍到

    1422

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
    发表于 2022-1-22 19:59 | 显示全部楼层
    黑黑的精彩不断，欣赏加学习
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 20:03 | 显示全部楼层
    这里用到了 clip-path 裁剪方法，webkit 内核的浏览器完美支持（比如Chrome早在十年前就已支持，现在的edge、百分浏览器等都可100%渲染），但其他浏览器不敢保证。如果不支持，右边的图像裁剪不能呈现完美的椭圆图像。

    CSS3的 clip-path 属性将取代被废弃的 clip 属性，
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 20:07 | 显示全部楼层
    红影 发表于 2022-1-22 19:36
    这个播放器又是新的玩法，不用鼠标滑过隐现，而是滑过是不同的透明度。原来display: none和display: block ...

    opacity 设为 0 是完全透明，可以试试
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 20:13 | 显示全部楼层
    小辣椒 发表于 2022-1-22 19:59
    黑黑的精彩不断，欣赏加学习

    小辣椒晚上好
    回复 支持 反对

    使用道具 举报

    大猫咪
  • TA的每日心情
    开心
    2024-3-30 19:55

    • 签到天数: 577 天

    [LV.9]以坛为家II

    253

    主题

    2万

    回帖

    4万

    积分

    版主

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

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪春风拂面心曲飞扬活泼开朗女儿情怀花好月圆心香一瓣飞龙在天王者至尊天籁妙音共看流星幸福快乐喜乐安康指尖上的流年花潮版主
    发表于 2022-1-22 20:18 | 显示全部楼层
    当这熟悉的曲子和词句在脑海中流淌时，更是让人有一番憧憬。。

    老黑制作真棒！一直喜欢的经典！  晚上好  ！
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 20:19 | 显示全部楼层
    大猫咪 发表于 2022-1-22 20:18
    当这熟悉的曲子和词句在脑海中流淌时，更是让人有一番憧憬。。

    老黑制作真棒！一直喜欢的经典！  晚上好 ...

    猫咪晚上好。喝了么
    回复 支持 反对

    使用道具 举报

    大猫咪
  • TA的每日心情
    开心
    2024-3-30 19:55

    • 签到天数: 577 天

    [LV.9]以坛为家II

    253

    主题

    2万

    回帖

    4万

    积分

    版主

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

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪春风拂面心曲飞扬活泼开朗女儿情怀花好月圆心香一瓣飞龙在天王者至尊天籁妙音共看流星幸福快乐喜乐安康指尖上的流年花潮版主
    发表于 2022-1-22 20:20 | 显示全部楼层
    马黑黑 发表于 2022-1-22 20:19
    猫咪晚上好。喝了么

    刚长途回来，没喝呢  
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 20:29 | 显示全部楼层
    大猫咪 发表于 2022-1-22 20:20
    刚长途回来，没喝呢

    今天没有三陪呀
    回复 支持 反对

    使用道具 举报

    大猫咪
  • TA的每日心情
    开心
    2024-3-30 19:55

    • 签到天数: 577 天

    [LV.9]以坛为家II

    253

    主题

    2万

    回帖

    4万

    积分

    版主

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

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪春风拂面心曲飞扬活泼开朗女儿情怀花好月圆心香一瓣飞龙在天王者至尊天籁妙音共看流星幸福快乐喜乐安康指尖上的流年花潮版主
    发表于 2022-1-22 20:37 | 显示全部楼层
    马黑黑 发表于 2022-1-22 20:29
    今天没有三陪呀

    就是三陪才回来啊  
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 21:00 | 显示全部楼层
    大猫咪 发表于 2022-1-22 20:37
    就是三陪才回来啊

    那不得喝吗
    回复 支持 反对

    使用道具 举报

    大猫咪
  • TA的每日心情
    开心
    2024-3-30 19:55

    • 签到天数: 577 天

    [LV.9]以坛为家II

    253

    主题

    2万

    回帖

    4万

    积分

    版主

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

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪春风拂面心曲飞扬活泼开朗女儿情怀花好月圆心香一瓣飞龙在天王者至尊天籁妙音共看流星幸福快乐喜乐安康指尖上的流年花潮版主
    发表于 2022-1-22 21:02 | 显示全部楼层
    马黑黑 发表于 2022-1-22 21:00
    那不得喝吗

    吃饭猫就找故事溜了，要不半夜夜回不来。。
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-1-22 21:15 | 显示全部楼层
    马黑黑 发表于 2022-1-22 20:03
    这里用到了 clip-path 裁剪方法，webkit 内核的浏览器完美支持（比如Chrome早在十年前就已支持，现在的edge ...

    没废弃前的我也不知道啊，所以也不知道这里的更新换代。
    这个裁剪需要计算位置的吧，若是自动取当中位置，就无法弄出自己想要的那部分了。
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-1-22 21:18 | 显示全部楼层
    马黑黑 发表于 2022-1-22 20:07
    opacity 设为 0 是完全透明，可以试试

    那就看不见了啊。
    刚才刷新，最先加载的是椭圆图，然后是底图，再然后是音乐。是不是因为裁剪了所以加载更快？
    　
    回复 支持 反对

    使用道具 举报

    绿叶清舟
  • TA的每日心情
    擦汗
    2022-8-3 08:55

    • 签到天数: 480 天

    [LV.9]以坛为家II

    971

    主题

    2万

    回帖

    6万

    积分

    版主

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

    花潮美女龙春风拂面蝴蝶情怀心曲飞扬七彩绚丽紫色情节音画大师天籁妙音共看流星我心永远幸福快乐指尖上的流年花潮版主
    发表于 2022-1-22 21:47 | 显示全部楼层
    又是个新效果了啊
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 22:27 | 显示全部楼层
    绿叶清舟 发表于 2022-1-22 21:47
    又是个新效果了啊

    这个有点冒险：不知道浏览器支持的如何。webkit内核的（Chrome类）应该是没问题的
    回复 支持 反对

    使用道具 举报

    绿叶清舟
  • TA的每日心情
    擦汗
    2022-8-3 08:55

    • 签到天数: 480 天

    [LV.9]以坛为家II

    971

    主题

    2万

    回帖

    6万

    积分

    版主

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

    花潮美女龙春风拂面蝴蝶情怀心曲飞扬七彩绚丽紫色情节音画大师天籁妙音共看流星我心永远幸福快乐指尖上的流年花潮版主
    发表于 2022-1-22 22:30 | 显示全部楼层
    马黑黑 发表于 2022-1-22 22:27
    这个有点冒险：不知道浏览器支持的如何。webkit内核的（Chrome类）应该是没问题的

    好象可以啊，用系统自带的那个看了也没变形的
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-18 08:01

    • 签到天数: 1673 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-1-22 22:33 | 显示全部楼层
    绿叶清舟 发表于 2022-1-22 22:30
    好象可以啊，用系统自带的那个看了也没变形的

    系统自带的是什么浏览器？
    回复 支持 反对

    使用道具 举报

    绿叶清舟
  • TA的每日心情
    擦汗
    2022-8-3 08:55

    • 签到天数: 480 天

    [LV.9]以坛为家II

    971

    主题

    2万

    回帖

    6万

    积分

    版主

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

    花潮美女龙春风拂面蝴蝶情怀心曲飞扬七彩绚丽紫色情节音画大师天籁妙音共看流星我心永远幸福快乐指尖上的流年花潮版主
    发表于 2022-1-22 22:38 | 显示全部楼层
    马黑黑 发表于 2022-1-22 22:33
    系统自带的是什么浏览器？

    EDGE的
    回复 支持 反对

    使用道具 举报

    下一页 »
    123下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2025-12-18 14:10 , Processed in 0.084189 second(s), 26 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

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