红影 发表于 2022-5-11 09:19

倩女幽魂（学习视屏切割）

<style>
.mama {
      top:120px;
      width: 1200px;
      height: 675px;
      left:-305px;
      position: relative;
      border-radius:18px;
      box-shadow:4px 4px 5px #333;
      background:#666 url('https://pic.imgdb.cn/item/627a866109475431298c0033.jpg');
}

.mtv {
      position: absolute;
      width: 720px;
      height: 405px;
      left: 68px;
      top: 68px;
      background: tan;
      text-align: center;
      line-height: 388px;
      clip-path: polygon(0% 50%, 15% 15%, 15% 1%, 85% 1%, 85% 15%, 100% 50%, 85% 85%, 85% 99%, 15% 99%, 15% 85%);
}
</style>

<div class="mama">
      
      <video class="mtv" frameborder="0" src="http://kvideo01.youju.sohu.com/13445014-13e9-4aa0-b998-ded3f89fa57c2_0_0.mp4" autoplay="" loop="" controls=""></video></div><br><br><br><br><br><br><br><br>

红影 发表于 2022-5-11 09:20

感谢黑黑的代码，@马黑黑感谢阳光哥哥分享的视频，@三月的阳光{:4_187:}

红影 发表于 2022-5-11 09:24

本来想做个斜向的切割，看到这个视屏，就先这个吧。弄了个新版的游戏背景，歌曲却是老版的影片镜头，没办法，感觉这个图图留的空档正好。

clip-path语句真方便，本来视频上下有个小黑边，也可以一并剪掉了呢{:4_173:}

梦油 发表于 2022-5-11 09:39

红影朋友早晨好！你这个创意可真有意思，挺好，挺好！歌曲很好听，分享了。谢谢！

樵歌 发表于 2022-5-11 11:39

师妹是越来越娴熟得心应手了，在图上挖个洞把视屏填上真好协调。{:4_187:}

加林森 发表于 2022-5-11 12:05

挺好玩的。

马黑黑 发表于 2022-5-11 12:13

奇形怪状，异想天开{:4_170:}

小辣椒 发表于 2022-5-11 12:57

亲爱的好棒，掌声送上{:4_199:}{:4_199:}

红影 发表于 2022-5-11 15:34

梦油 发表于 2022-5-11 09:39
红影朋友早晨好！你这个创意可真有意思，挺好，挺好！歌曲很好听，分享了。谢谢！

谢谢梦油鼓励，我都是跟在后面边玩边学{:4_173:}

红影 发表于 2022-5-11 15:35

樵歌 发表于 2022-5-11 11:39
师妹是越来越娴熟得心应手了，在图上挖个洞把视屏填上真好协调。

不是挖洞呢，是把视频剪裁了放图上了{:4_173:}

红影 发表于 2022-5-11 15:36

加林森 发表于 2022-5-11 12:05
挺好玩的。

是啊，可以剪成任何形状的呢{:4_173:}

红影 发表于 2022-5-11 15:37

马黑黑 发表于 2022-5-11 12:13
奇形怪状，异想天开

我说过，我剪了很多各种形状玩，就拿这个视屏练一下了{:4_173:}

红影 发表于 2022-5-11 15:37

小辣椒 发表于 2022-5-11 12:57
亲爱的好棒，掌声送上

亲爱的，你来了。今天感觉怎样，更好点了吧{:4_179:}

加林森 发表于 2022-5-11 16:24

红影 发表于 2022-5-11 15:36
是啊，可以剪成任何形状的呢

嗯嗯

梦油 发表于 2022-5-11 16:42

本帖最后由 梦油 于 2022-5-12 21:08 编辑

红影 发表于 2022-5-11 15:34
谢谢梦油鼓励，我都是跟在后面边玩边学
你学得很快。你是一位聪明人。

马黑黑 发表于 2022-5-11 19:27

红影 发表于 2022-5-11 15:37
我说过，我剪了很多各种形状玩，就拿这个视屏练一下了

挺好

大猫咪 发表于 2022-5-11 21:46

红影制作真好看！ 图音融合的是氺那么棒！ 赞！

{:4_204:}{:4_199:}

三月的阳光 发表于 2022-5-12 11:16

影子妹妹好棒~~{:4_199:}{:4_187:}

樵歌 发表于 2022-5-12 20:15

红影 发表于 2022-5-11 15:35
不是挖洞呢，是把视频剪裁了放图上了

反正师兄啥也不懂，就觉得真好玩。{:4_173:}

红影 发表于 2022-5-12 20:36

梦油 发表于 2022-5-11 16:42
你学得很快。你是以为聪明人。

没有啊，这个只要去学就都会的呢{:4_173:}
页: [1] 2 3
查看完整版本: 倩女幽魂（学习视屏切割）