小辣椒 发表于 2023-10-27 17:30

我就2只鸽子测试一下

<style>
#papa { margin: 10px -300px ; width: 1164px; height: 640px; background:url(https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/2e1adf03c3b0c84b8722bb4b2b919c06.jpg)0 0/100% 100%;   position: relative; display: grid; place-items: center; z-index: 10000; overflow:hidden;}
#papa::before { position: absolute; content: '代码漂浮物制作'; left: 30px; top: 15px; font: bold 2.4em sans-serif; color: #ff0000; text-shadow: 2px 2px 3px #000000; z-index: 6;}
#mpicd { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;background: url('https://i.mp3.wf/view.php/2ca6a2bc41fcf58d44f3ea4ae95517c6.png')0 0/50% 50%;
        animation: flyd 52s linear infinite;
        cursor: pointer; mix-blend-mode:lighten;
        opacity: 1;
}
#mpiccd { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height:100%;background: url('https://i.mp3.wf/view.php/2ca6a2bc41fcf58d44f3ea4ae95517c6.png')0 0/50% 50%;
        animation: totd 52s linear infinite;
        cursor: pointer;mix-blend-mode:lighten;
        opacity: 1;
}

@keyframes flyd {0%{transform:translate(0%,0%)scale(1)perspective(25px) rotateY(-15deg);
      background-position: 0% 200%;
    }
    100%{opacity: 1;
      background-position: -400% 0%;
    }

}
@keyframes totd { 0%{background-position: 0% 200%;
       transform:translate(0%,0%)scale(1)perspective(25px) rotateY(-55deg);
    }
    100%{opacity: 1;
      background-position: -600% 0%;
    }

}


</style>
<div id="papa">
<divid="mpicd"></div>
<divid="mpiccd"></div>
</div>

小辣椒 发表于 2023-10-27 17:34

亚伦的代码我怎么不能出来，就换了个图片

小辣椒 发表于 2023-10-27 17:31

怎么图片没有出来。免费的就是不好，重新去上传

小辣椒 发表于 2023-10-27 17:35

https://i.mp3.wf/view.php/2ca6a2bc41fcf58d44f3ea4ae95517c6.png

小辣椒 发表于 2023-10-27 17:38

亚伦的图片发帖要勾禁用链接识别

亚伦影音工作室 发表于 2023-10-27 18:51

小辣椒 发表于 2023-10-27 17:35


斜度可以调小点。

醉美水芙蓉 发表于 2023-10-27 19:16

醉美水芙蓉 发表于 2023-10-27 19:18

红影 发表于 2023-10-27 20:19

计算只有鸽子，横过来的时候也感觉挺多呢，真漂亮{:4_199:}

小辣椒 发表于 2023-10-28 19:22

亚伦影音工作室 发表于 2023-10-27 18:51
斜度可以调小点。

哦，这个我还没有试的，以后玩的时候要测试一下，亚伦玩特效代码很厉害的{:4_199:}

小辣椒 发表于 2023-10-28 19:22

醉美水芙蓉 发表于 2023-10-27 19:18
小辣椒挺会玩的！

水芙蓉晚上好，只是套用亚伦的代码做的

小辣椒 发表于 2023-10-28 19:23

红影 发表于 2023-10-27 20:19
计算只有鸽子，横过来的时候也感觉挺多呢，真漂亮

亲爱的我是图片修改了一下{:4_173:}

红影 发表于 2023-10-29 12:50

小辣椒 发表于 2023-10-28 19:23
亲爱的我是图片修改了一下

“勾禁用链接识别”这个是起什么作用的？还从来没勾选过这个呢。

小辣椒 发表于 2023-10-29 13:15

红影 发表于 2023-10-29 12:50
“勾禁用链接识别”这个是起什么作用的？还从来没勾选过这个呢。

有的图片不勾就不能显示了，出现一个框的代码要去了，然后加勾禁用链接识别，在勾html栏的地方可以看见

红影 发表于 2023-10-29 13:49

小辣椒 发表于 2023-10-29 13:15
有的图片不勾就不能显示了，出现一个框的代码要去了，然后加勾禁用链接识别，在勾html栏的地方可以看见

我看到这个选项了，只是之前没明白是做什么用的{:4_173:}

小辣椒 发表于 2023-10-30 20:13

红影 发表于 2023-10-29 13:49
我看到这个选项了，只是之前没明白是做什么用的

主要用的比较少

红影 发表于 2023-10-30 23:44

小辣椒 发表于 2023-10-30 20:13
主要用的比较少

是啊，所以对它的作用不是很了解。
页: [1]
查看完整版本: 我就2只鸽子测试一下