javascript - 如何使 div 向页面上的另一个元素缩小 100% 到 0%

标签 javascript jquery html css

如下所述的 CSS3 转换是否可行?

给定一个模态叠加层,在关闭时,我想让它的大小从 100% 缩放到 0%,以朝向页面上的特定按钮。

有人见过用 CSS3 完成的吗?可能吗?

谢谢

最佳答案

如果您知道要将叠加层缩小到的按钮的位置,则可以将叠加层的顶部、底部、左侧和右侧动画化为按钮的顶部、底部、左侧和右侧,分别。如果它不同,您可能需要某种 JavaScript 钩子(Hook)来确定按钮的位置,例如使用 jQuery 的 .offset

关于javascript - 如何使 div 向页面上的另一个元素缩小 100% 到 0%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9091129/

相关文章:

html - Css 文本不会在网站上加载背景 url 图像?

javascript - 如何从输入字段在浏览器中显示 PDF 文件

javascript - 使用多个键再次减少数据

javascript - 检查元素是否包含字符串,并且除了字符串之外什么都没有 - 也许是正则表达式

javascript - 从vue js中的多选框中检索选定的值

jquery - 完整日历未加载正在传递的事件 - 没有错误

javascript - 更改始终在顶部菜单并淡出 php/js

javascript - AudioWorklet - 将输出设置为 Float32Array 以流式传输实时音频?

javascript - jquery 验证不适用于隐藏字段

javascript - 单击 Bootstrap Accordion 时打开 url/文件