醉美水芙蓉 发表于 2023-4-29 21:48

起个网名好难 发表于 2023-4-29 23:09

用作控制的图形在视频的后面，无法点击到。

醉美水芙蓉 发表于 2023-4-29 23:55

小辣椒 发表于 2023-4-30 13:05

这个视频加的播放器点击不了了

亦是金 发表于 2023-4-30 13:55

将<video class="ship"
src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/42c3c5aa8dd9e84eef97ad20432c01a5_preview.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
移到<css-doodle id="mplayer">代码的前面

亦是金 发表于 2023-4-30 13:56

[ 本帖最后由 亦是金 于 2023-4-30 13:58 编辑 ]\n\n<div id="papa"><video class="ship" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/42c3c5aa8dd9e84eef97ad20432c01a5_preview.mp4" autoplay="autoplay" loop="loop" muted="muted"></video><css-doodle id="mplayer">:doodle {      @grid: 3 / 160px;      cursor: pointer;      position: absolute;      left: calc(50% - 80px);      top: 410px;      animation: rot 6s infinite linear var(--state);}@place-cell: center;background: linear-gradient(45deg, green 49.5%, lightblue 50.5%, green 0);border-radius: 0 100%;transform: rotate(calc(360deg / (@size() - 1) * @i())) translate(50px);@at(1,1) {border-radius: 50%;background: radial-gradient(snow, green 60%, green 0);transform: rotate(0) translate(0);}@keyframes rot { to { transform: rotate(-1turn); } }</css-doodle><div id="lrc" data-lrc="HCPlayer">HCPlayer</div></div>

醉美水芙蓉 发表于 2023-4-30 16:17

醉美水芙蓉 发表于 2023-4-30 16:18

亦是金 发表于 2023-4-30 16:28

醉美水芙蓉 发表于 2023-4-30 16:18
谢谢老师指导！已改正过来！

好！{:4_187:}

小辣椒 发表于 2023-4-30 17:31

醉美水芙蓉 发表于 2023-4-30 16:17
谢谢小辣椒点评，改好了！

这个视频手机看不见，电脑完美了{:4_187:}

梦缘 发表于 2023-4-30 20:45

漂亮迁入，谢谢点赞！

醉美水芙蓉 发表于 2023-4-30 21:20

绿叶清舟 发表于 2023-4-30 21:24

这个颜色配的真漂亮

醉美水芙蓉 发表于 2023-4-30 21:26

马黑黑 发表于 2023-4-30 22:01

css-doodle里相应元素也可以加 z-index

醉美水芙蓉 发表于 2023-5-1 00:11

绿叶清舟 发表于 2023-5-1 09:58

醉美水芙蓉 发表于 2023-4-30 21:26
清舟美女晚上好！

芙蓉节日好

马黑黑 发表于 2023-5-1 12:12

醉美水芙蓉 发表于 2023-5-1 00:11
谢谢黑黑老师指导！我是瞎玩的！我也许还要温习一下老师的教程的！

边玩边学吧
页: [1]
查看完整版本: 艾丽娅琪琪格 - 梦中的人请你留下来