动画框背后的文字

Question

我有一个从页面加载开始的弹出框，我在页面加载时也有淡入淡出的文本动画。文本在弹出框的前面消失，然后在它的持续时间后消失在它后面。如何让文本动画始终留在后面？

关键帧中的文字淡出：

@keyframes scale { 0% { transform: scale(0.8); opacity: 0; } }

Answer 1

我必须要做的是将z-index: 1; position:relative;添加到弹出窗口的CSS中。然后动画文字留在后面。