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

xesrikrc  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(252)

嗨,我是新的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来控制图片

bnlyeluc

bnlyeluc1#

您可以使用:after:before来叠加另外两个图层,并使用@keyframesanimation来过渡这些图层,最多构成三个渐变背景。
否则,不使用额外的子HTML,仅在标题中是不完全可能的...

gcmastyq

gcmastyq2#

你可以通过使用backgroun img:url(“你的url”)。你可以通过它添加很多图片,谢谢

相关问题