Question

您好我是CSS新手，目前我在标题中只使用了一张图片，您可以在此处看到：

#header {
    position: relative;
    background-image: url("../../images/header.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 7.5em 0 2em 0;
    cursor: default;
}

如何在相同的标题中添加更多图像，仅在同一标题中具有过渡效果？我不想改变标题的html中的命名法，并希望通过CSS控制图像

Answer 1

您可以使用:after和:before覆盖其他两个图层，并使用@keyframes和animation转换这些图层，最多可以构成三个渐变背景，

否则，只有在不使用其他子HTML ...

的情况下才能在标题中完全实现

如何在CSS中添加多个图像？

1 个答案: