Java 我需要帮助创建一个div，该div可以在单击按钮后缩放到页面的大小

基本上，我的页面上有一个按钮，我想要一个包含内容（视频、文本等）的div。我的目标是创建div，当单击按钮时，它将从按钮的中心向上扩展，并覆盖屏幕上的当前内容。我可以很容易地添加一个边界半径css，使其以圆形开始，然后变成吞没窗口的矩形

这是一个有点复杂的要求，我知道，但我找不到任何教程，甚至远程类似的概念在线。我最初是在以下网站上发现这个想法的：如果这有助于你了解我想做什么

---

提前谢谢！（：

对于可能感到困惑的其他人，当你访问该网站时，你需要单击底部的一个链接，以查看扩展圈OP所指的内容。不确定你到底要求什么，但我认为你要求的关键是css转换

通过css设置div的大小和转换属性

#myDiv{
        width: 10px;
        transition: width 5s ease;
      }

设置转换属性后，一旦指定的“宽度”转换属性更改，它将使用指定的时间间隔（在本例中为5秒）缓慢转换为新大小。您可以使用javascript切换宽度，如document.getElementById（“myDiv”）。style.width=“500px”；这很可能是由单击按钮触发的

 <button onClick="document.getElementById('myDiv').style.width = '500px' ">Expand</button>

展开

---

还值得注意的是，您可以将过渡效果添加到几乎任何css样式中，不仅包括宽度和高度，还包括颜色、位置等

如果您单击按钮，它将显示一个类似div的弹出窗口，，，这是否正确？，，如果是，我将使用head？