使JPG图像适合SVG图像 Download


我正在尝试建立一个带有这样的横幅的网站：enter image description here

我在其他页面上也有一个橙色横幅，底部带有摆动，但是这一次，如您所见，我需要在其中放置另一个（jpg或png）图像。这个jpg或png只是一个矩形，所以每当我将另一个图像放入（带有渐变）时，该图像仍将是一个正方形，并经过普通横幅所具有的摆动线。看起来像这样：

enter image description here

用于此目的的CSS是：

Count <- c(F, T, T, T, T, T, T, T, T, T, T, T, F, F, T)
run <- c(1,1,2,3,4,5,6,7,8,9,10,11,1,2,1)
runreset <- c(1,1,2,3,4,5,6,7,8,1,1,1,1,2,1)
df <- data.frame(Count, run, runreset)

和HTML：

.bannerImage {
    background-image: url(../assets/svgs/home-banner.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 250px;
    color: #fff;
    position: relative;
}

.bannerImage img {
    position: absolute;
    top: 0;
    opacity: 0.6;
    left: 0;
    width: 100%;
    height: 100%;
}

0 个答案:

没有答案



Similar searches