用 CSS 制作能动的弹窗，可以通过使用 CSS 的动画效果来创建动态的弹窗。在创建弹窗时，需要考虑到弹窗的大小、位置、样式等方面，以确保弹窗的质量和美观度。

在创建弹窗时，可以使用 CSS 的伪元素和过渡效果来创建动态的弹窗。伪元素可以使弹窗具有灵活的样式和大小，而过渡效果可以确保弹窗在打开和关闭时的自然过渡。

例如，可以使用伪元素来创建两个弹出窗口，一个位于页面顶部，另一个位于页面底部。可以使用绝对定位来确保两个弹窗具有相同的位置，并使用伪元素来为它们添加不同的样式。例如，可以使用 background-color 属性为顶部弹窗设置一个明亮的颜色，而为底部弹窗设置一个暗淡的颜色。

另一个可以使用 CSS 创建弹窗的方法是使用弹出框。弹出框是一种在页面上弹出的框，可以通过 CSS 样式来控制其大小、颜色和位置。可以使用弹出框的类名，如“弹出框”，来创建一个弹出框。然后，可以使用弹出框的样式属性，如“width”、“height”、“color”和“位置”，来设置弹出框的大小、颜色、位置和状态。

使用 CSS 制作能动的弹窗可以让用户更好地体验应用程序，而具有良好的质量和美观度。通过使用 CSS 的动画效果和伪元素，可以创建动态的弹窗，使弹窗在打开和关闭时具有自然的过渡效果，从而使用户更容易理解和操作。