代码之家 › 专栏 › 技术社区 › seasons986

如何在不损失可扩展性的情况下为网页(HTML/JS)制作动画?

interactive animation css html javascript

seasons986 · 技术社区 · 7 年前

我试图通过制作一个类似小镇的地图使我的网页更具交互性,不同的建筑可以点击,并在我的网站上显示不同的页面,但我很难只用HTML/JS来制作网页的动画,即使在调整窗口大小后,也很难使其保持不变。

https://people.ucsc.edu/~anlin/test# (我现在只是在地图的png和鼠标悬停时移动的建筑物的gif之间切换)

谢谢

2 回复 | 直到 7 年前

Orlandster BigMac 7 年前

可能 svg 会帮你的。你可以用svg做很棒的互动。同时,您也可以使用 css 创建出色的动画。这真的取决于你需要什么。

JGallardo anglimasS 7 年前

您可以使用 <svg>

这几乎是你描述的一个确切例子

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前