嗨,我是新的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来控制图片
2条答案
按热度按时间bnlyeluc1#
您可以使用
:after
和:before
来叠加另外两个图层,并使用@keyframes
和animation
来过渡这些图层,最多构成三个渐变背景。否则,不使用额外的子HTML,仅在标题中是不完全可能的...
gcmastyq2#
你可以通过使用backgroun img:url(“你的url”)。你可以通过它添加很多图片,谢谢