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

花潮论坛

搜索
热搜: 活动 交友 discuz
12下一页
返回列表 发新帖
查看: 87|回复: 30

[其他] 今夜无眠 （学习套用黑黑视频遮罩效果）

[复制链接]
小辣椒
  • TA的每日心情
    开心
    2019-11-25 21:11

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
    发表于 2024-7-26 21:43 | 显示全部楼层 |阅读模式

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

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

    x

    评分

    参与人数 7威望 +220 金钱 +440 经验 +220 收起 理由
    竹溪 + 20 + 40 + 20 赞一个!
    走过岁月 + 30 + 60 + 30
    梦江南 + 30 + 60 + 30 很给力!
    海笑 + 20 + 40 + 20 赞一个!
    起个网名好难 + 30 + 60 + 30 赞一个!
    红影 + 50 + 100 + 50 赞一个!
    马黑黑 + 40 + 80 + 40 很给力!

    查看全部评分

    回复

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-26 21:45 | 显示全部楼层
    @马黑黑

    谢谢黑黑源码分享，小辣椒就玩一个最简单的套用了

    视频遮罩效果感觉很好玩的，只是还没有仔细学会全方位的操作
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-26 21:47 | 显示全部楼层
    @走过岁月

    岁月还是用了你的视频，一个以前的旧图（也是你的AE制作），加了个现在的视频，玩一个视频遮罩效果
    谢谢岁月，小辣椒还是离不开你的东东
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

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

    谢谢黑黑源码分享，小辣椒就玩一个最简单的套用了

    这里面除了遮罩（--webkit-mask），还需要渐变加持（linear-gradient、radial-gradient、conic-gradient）
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-26 22:17 | 显示全部楼层
    马黑黑 发表于 2024-7-26 22:10
    这里面除了遮罩（--webkit-mask），还需要渐变加持（linear-gradient、radial-gradient、conic-gradient ...

    我这个源码里面没有发现有这组代码？这个代码在那个源码里面呢，小辣椒太多教程没有看了
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2024-7-26 22:34 | 显示全部楼层
    这个漂亮，亲爱的这么快就把岁月那个视频用上了，太赞了
    　
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2024-7-26 23:10 | 显示全部楼层
    小辣椒 发表于 2024-7-26 22:17
    我这个源码里面没有发现有这组代码？这个代码在那个源码里面呢，小辣椒太多教程没有看了

    丢的课程太多，眼前的东东看不出来：

    #vid {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: calc(100% + 65px);
            object-fit: cover;
            -webkit-mask: linear-gradient(180deg, red 70%, transparent 85%, transparent);
    }

    红色部分代码，遮罩所用的就是渐变
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-26 23:14 | 显示全部楼层
    马黑黑 发表于 2024-7-26 23:10
    丢的课程太多，眼前的东东看不出来：

    #vid {

    这个我一直在奇怪的，怎么加了红颜色的，后面的我改了一下透明度

    其实这个代码我不懂
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-26 23:15 | 显示全部楼层
    马黑黑 发表于 2024-7-26 23:10
    丢的课程太多，眼前的东东看不出来：

    #vid {

    是的啊，基本都不会了
    回复 支持 反对

    使用道具 举报

    起个网名好难
  • TA的每日心情
    无聊
    2025-5-5 04:26

    • 签到天数: 597 天

    [LV.9]以坛为家II

    185

    主题

    5874

    回帖

    2万

    积分

    贵宾

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

    花潮帅哥飞龙在天王者至尊大将风范音画大师天籁妙音花潮贵宾
    发表于 2024-7-27 07:45 | 显示全部楼层

                                   
    登录/注册后可看大图
    我就来看看
    回复 支持 反对

    使用道具 举报

    海笑
  • TA的每日心情
    开心
    2024-8-1 14:00

    • 签到天数: 52 天

    [LV.5]常住居民I

    15

    主题

    567

    回帖

    4888

    积分

    论坛元老

    Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生大将风范
    发表于 2024-7-27 08:06 | 显示全部楼层
    欣赏老师佳作！
    回复 支持 反对

    使用道具 举报

    愤怒的葡萄
  • TA的每日心情
    开心
    2025-12-15 02:55

    • 签到天数: 758 天

    [LV.10]以坛为家III

    61

    主题

    4007

    回帖

    1万

    积分

    论坛元老

    Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪大将风范
    发表于 2024-7-27 09:26 | 显示全部楼层
    来欣赏楼主的大作。
    回复 支持 反对

    使用道具 举报

    梦江南
  • TA的每日心情
    开心
    2025-12-14 08:25

    • 签到天数: 600 天

    [LV.9]以坛为家II

    379

    主题

    1万

    回帖

    3万

    积分

    贵宾

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

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪缤纷心情心曲飞扬花好月圆飞龙在天音画大师花潮贵宾
    发表于 2024-7-27 11:21 | 显示全部楼层
    中西结合非常出彩！赞！
    回复 支持 反对

    使用道具 举报

    走过岁月

    该用户从未签到

    1336

    主题

    1万

    回帖

    7万

    积分

    版主

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪奔放热烈神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀相遇之美飞龙在天王者至尊大将风范金剪刀音画大师天籁妙音麦霸歌神风雨同行两心相许我心永远天长地久幸福快乐前途似锦花潮版主
    发表于 2024-7-27 13:41 | 显示全部楼层
    这个舞场不错，小辣椒设计的巧妙
    回复 支持 反对

    使用道具 举报

    走过岁月

    该用户从未签到

    1336

    主题

    1万

    回帖

    7万

    积分

    版主

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪奔放热烈神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀相遇之美飞龙在天王者至尊大将风范金剪刀音画大师天籁妙音麦霸歌神风雨同行两心相许我心永远天长地久幸福快乐前途似锦花潮版主
    发表于 2024-7-27 13:44 | 显示全部楼层
    小辣椒除非不做，一做就是惊艳
    回复 支持 反对

    使用道具 举报

    梦油
  • TA的每日心情
    开心
    2025-12-15 09:46

    • 签到天数: 1346 天

    [LV.10]以坛为家III

    1669

    主题

    4万

    回帖

    14万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生缤纷心情心曲飞扬七彩绚丽花好月圆飞龙在天王者至尊妙笔生花共看流星风雨同行幸福快乐喜乐安康心想事成前途似锦开朗大方花潮管理
    发表于 2024-7-27 14:18 | 显示全部楼层
    往上窜的好像是烟花，真好看。

    随遇而安、顺其自然、与世无争、处之晏然、自娱自乐、安度晚年。
    回复 支持 反对

    使用道具 举报

    竹溪
  • TA的每日心情
    开心
    2024-8-23 09:55

    • 签到天数: 18 天

    [LV.4]偶尔看看III

    14

    主题

    1041

    回帖

    2775

    积分

    金牌会员

    Rank: 60Rank: 60Rank: 60Rank: 60Rank: 60Rank: 60
    发表于 2024-7-27 16:13 | 显示全部楼层
    漂亮，欣赏老师好帖
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-28 11:55 | 显示全部楼层
    起个网名好难 发表于 2024-7-27 07:45

    问好难难，周末快乐~
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-28 11:55 | 显示全部楼层
    海笑 发表于 2024-7-27 08:06
    欣赏老师佳作！

    问好海笑，谢谢欣赏
    回复 支持 反对

    使用道具 举报

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

    • 签到天数: 1 天

    [LV.1]初来乍到

    1421

    主题

    6万

    回帖

    12万

    积分

    管理员

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

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
     楼主| 发表于 2024-7-28 11:56 | 显示全部楼层
    愤怒的葡萄 发表于 2024-7-27 09:26
    来欣赏楼主的大作。

    问好葡萄，谢谢欣赏
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2025-12-16 02:32 , Processed in 0.092332 second(s), 26 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

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