嗨，我想淡出div和它的內容從左和右邊緣使用純CSS。 目前，我能夠根據一個關于堆棧溢出的問題的答案來實現這一點。

null.container {

height: 234px;

width: 234px;

overflow: scroll;

mask-image: linear-gradient(transparent,

black 20%,

black 80%,

transparent 100%);

-webkit-mask-image: linear-gradient(transparent,

black 20%,

black 80%,

transparent 100%);

}

.container::-webkit-scrollbar {

display: none;

}

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit

dolorem libero, dolor, fuga illo nobis rem ipsam ipsa

perferendis dolore autem fugiat! Dicta eius repellendus totam

qui maiores odio a! Lorem ipsum dolor sit amet consectetur

adipisicing elit. Impedit dolorem libero, dolor, fuga illo nobis

rem ipsam ipsa perferendis dolore autem fugiat! Dicta eius

repellendus totam qui maiores odio a! Lorem ipsum dolor sit amet

consectetur adipisicing elit. Impedit dolorem libero, dolor,

fuga illo nobis rem ipsam ipsa perferendis dolore autem fugiat!

Dicta eius repellendus totam qui maiores odio a! Lorem ipsum

dolor sit amet consectetur adipisicing elit. Impedit dolorem

libero, dolor, fuga illo nobis rem ipsam ipsa perferendis dolore

autem fugiat! Dicta eius repellendus totam qui maiores odio a!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit

dolorem libero, dolor, fuga illo nobis rem ipsam ipsa

perferendis dolore autem fugiat! Dicta eius repellendus totam

qui maiores odio a! Lorem ipsum dolor sit amet consectetur

adipisicing elit. Impedit dolorem libero, dolor, fuga illo nobis

rem ipsam ipsa perferendis dolore autem fugiat! Dicta eius

repellendus totam qui maiores odio a!

null

我怎樣才能使線性漸變使左右邊緣而不是頂部和底部褪色？

另外:這個語法非常簡潔，但是我不明白傳遞給線性梯度的參數是如何指定只從頂部和底部淡化容器的，而其余部分保持原樣。 簡而言之，我們沒有指定任何方向例如到頂部和到底部，那么這實際上是如何工作的呢？

注意:我知道這個問題是這個的重復。 但是在問題上指定的答案并不能解決我的用例，因為它沒有淡出div的內部內容。

謝啦！ :)

總結

以上是生活随笔為你收集整理的html的div显示到最左侧,HTML/CSS:如何淡化div的左右边缘？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。