css 窗口动画 |html读取不到css

要实现窗口动画，大家需要先在HTML文档中插入一个容器元素，例如一个div，然后利用CSS样式为其设置一些属性，例如位置、尺寸、背景色等等。接着，大家要在CSS样式表中定义动画效果，这可以通过@keyframes关键字来实现。例如，大家可以通过这样的代码来定义一个简单的动画效果：

@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}

该代码定义了一个名为”slidein”的动画，它从左侧-100%的位置移动到0%的位置。接着，大家需要在CSS样式中应用该动画，可以使用animation属性来实现。例如，大家可以像这样设置动画：

div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
background-color: #fff;
animation: slidein 1s forwards;
}

此代码定义了一个div元素，使用了上述定义的”slidein”动画，并且指定了动画的持续时间为1秒，最后的”forwards”参数表示动画结束后将停留在最后一帧的状态。这样，大家就完成了一个简单的窗口动画的实现。