如何在 CSS 中制作渐变线

Question

如何将这两条渐变线（从黑到白）制作成这张照片：View this picture

这是我的代码：

.container-fluid {
    background-color: blue;
    height: 470px;
    background-image:url("images.jpg");
    background-position: 10px;
    background-size: 100% 100%;

}

Answer 1

.a {
    height: 400px;
    width: 600px;
    background-image:linear-gradient(to bottom, black, black, transparent 70px, transparent 330px, black, black 400px),
      url("https://unsplash.it/610/400");

}

<div class="a">
  
</div>

如何在 CSS 中制作渐变线

How to make gradient line in CSS

html

css

gradient