网页鼠标经过下拉图片的动画怎么制作

xhywf · 发表于 2024-4-1 17:47

例如这个：

云烟成雨 · 发表于 2024-4-1 17:47

https://svn.lanzouw.com/ih2vK1tgq7wh，代码源码+示例，可直接浏览器打开index.html查看效果，图片可以自己加的

不语 · 发表于 2024-4-1 17:57

如果是录制这个动图，软件ScreenToGif可以，论坛可搜，一大堆，开源免费

鸳鸯双栖蝶双飞 · 发表于 2024-4-1 18:00

不语 · 发表于 2024-4-1 18:03

如果是自定义网页效果，那得会点编程，帮顶吧。

xhywf · 发表于 2024-4-1 18:22

鸳鸯双栖蝶双飞发表于 2024-4-1 18:00
https://www.bilibili.com/video/BV1hL4y1A7HT/?spm_id_from=333.337.search-card.all.click&vd_source=f6c ...

不是这个我想要的是鼠标经过自动展开图片

coderli · 发表于 2024-4-1 19:15

这对于前端来说就是小菜一碟

xhywf · 发表于 2024-4-1 23:18

云烟成雨发表于 2024-4-1 19:22
https://svn.lanzouw.com/ih2vK1tgq7wh，代码源码+示例，可直接浏览器打开index.html查看效果，图片可以自 ...

感谢！现在还有个问题，怎么让图片居中呢

云烟成雨 · 发表于 2024-4-2 08:35

xhywf 发表于 2024-4-1 23:18
感谢！现在还有个问题，怎么让图片居中呢

改下css，.nav .cont的padding设置成一样的，或者改display: flex; justify-content: center;

xhywf · 发表于 2024-4-2 10:09

云烟成雨发表于 2024-4-2 08:35
改下css，.nav .cont的padding设置成一样的，或者改display: flex; justify-content: center;

在请教一下，我把代码复制到网页上，为啥导航条会变成这样

帐号		自动登录	找回密码
密码			注册[Register]

[资源求助] 网页鼠标经过下拉图片的动画怎么制作