红影 发表于 2022-5-21 13:20

皇上震怒（不语的玉玺、阳光痕迹的配音、黑黑的代码）


<style>
.outerbox {
        position: relative;
        left: -352px;top:120px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1300px;
        height: 680px;
        background: #888 url('https://pic.imgdb.cn/item/6288664f0947543129e5831b.jpg') no-repeat

center/cover;;
        box-shadow: 2px 2px 8px rgba(0,0,0,.95);
        perspective: 3000px;
}
.innerbox {
      position: absolute;
        background: #666;
        box-shadow: 2px 2px 6px rgba(0,0,0,.85);
        transform-style: preserve-3d;
      top: 12%;
      right: 48.5%;
        animation: flyout 6s linear infinite alternate;
}
@keyframes flyout {
        0% { transform: rotate(0turn); width: 5px; height: 5px;right: 48.5%;top:12%; }
        80% { transform: rotate(1turn); width: 480px; height: 320px;right: 30%;top:43%; }
        85% { transform: rotate(1turn); width: 480px; height: 320px;right: 30%;top:45%; }       
      90%,100% { transform: rotate(1turn); width: 480px; height: 320px;right: 30%;top:43%; }
}
.shipin {
      position: absolute;
      width: 600px;
      height: 325px;
      object-fit: fill;
      top:60px;left:-40px;
        clip-path:polygon(12.6% 1%, 12.6% 100%, 76% 100%, 76% 1%);
}

</style>

<div class="outerbox">
        <div class="innerbox"></div>
       <video class="shipin"

src="https://video7.peiyinxiu.com/download/202205210804edf4a058_165642837.mp4" controls="controls"

autoplay="autoplay" loop="loop"></video>
</div><br><br><br><br><br><br>

<script>

let picAr = [
      'https://pic.imgdb.cn/item/62886d530947543129ed3c50.jpg',
      'https://pic.imgdb.cn/item/62886d770947543129ed62a4.jpg',
      'https://pic.imgdb.cn/item/62886d8d0947543129ed7b25.jpg',
      'https://pic.imgdb.cn/item/62886da30947543129ed919e.jpg',
      'https://pic.imgdb.cn/item/62886db90947543129edaa80.jpg',
];

let idx = 0;
let outer = document.querySelector('.outerbox');
let inner = document.querySelector('.innerbox');

setBgImg();

setInterval(setBgImg, 12000);

function setBgImg(){
      inner.style = `background: url(${picAr}) no-repeat center/cover`;
      idx += 1;
      if(idx >= picAr.length) idx = 0;
}

</script>

红影 发表于 2022-5-21 13:21

索额图长800个脑袋也不够砍的，所以多弄几个玉玺，盖上十个八个的章{:4_173:}

红影 发表于 2022-5-21 13:23

谢谢闲言不语带来的玉玺，选了几个。谢谢阳光痕迹的配音秀。谢谢黑黑的代码。{:4_187:}
@闲言不语@阳光痕迹@马黑黑

马黑黑 发表于 2022-5-21 13:38

这个还有视频，好创意

加林森 发表于 2022-5-21 13:43

挺好看的，不错啊，有创意！{:4_199:}

大猫咪 发表于 2022-5-21 13:48

把视屏融在图片里，红影这创意真棒！   赞！

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

马黑黑 发表于 2022-5-21 13:50

配音标准

马黑黑 发表于 2022-5-21 13:51

玉玺是真的{:4_170:}

闲言不语 发表于 2022-5-21 14:15

红影 发表于 2022-5-21 13:21
索额图长800个脑袋也不够砍的，所以多弄几个玉玺，盖上十个八个的章

砍了一品顾命大臣，厉害了，红影！{:4_199:}{:4_189:}

闲言不语 发表于 2022-5-21 14:20

红影 发表于 2022-5-21 13:23
谢谢闲言不语带来的玉玺，选了几个。谢谢阳光痕迹的配音秀。谢谢黑黑的代码。
@闲言不语@阳光 ...

用了俺的玉歪要还的，要不用肉石换{:4_189:}

四海八荒 发表于 2022-5-21 14:50

大猫咪 发表于 2022-5-21 13:48
把视屏融在图片里，红影这创意真棒！   赞！

是把图片融在视频里吧

大猫咪 发表于 2022-5-21 15:03

四海八荒 发表于 2022-5-21 14:50
是把图片融在视频里吧

{:4_170:}嗯嗯   

小辣椒 发表于 2022-5-21 15:49

亲爱的，你好棒，加了背景视频效果{:4_178:}

千羽 发表于 2022-5-21 15:55

影儿好棒啊，精准融图{:4_187:}

千羽 发表于 2022-5-21 16:01

影儿的图很有看点，挺好的{:4_187:}

梦油 发表于 2022-5-21 16:23

绝对珍品！！！{:4_199:}

阳光痕迹 发表于 2022-5-21 16:58

厉害了。{:4_187:}

醉美水芙蓉 发表于 2022-5-21 17:00

马黑黑 发表于 2022-5-21 19:31

醉美水芙蓉 发表于 2022-5-21 17:00
红影好创意！

同感
页: [1]
查看完整版本: 皇上震怒（不语的玉玺、阳光痕迹的配音、黑黑的代码）