段落渐隐

• mask-image

效果

段落渐隐

段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落段落渐隐的段落

代码

.container {
    mask-image: linear-gradient(to bottom, transparent 0%, #000 5%, #000 50%, transparent 100%);

    /* 适当调整 padding 或相关距离，使得抵达终点时，内容可以清晰显示 */
    /* padding-bottom: 150px; */
}