ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

滚动组件两侧添加渐变效

滚动组件两侧添加渐变效

/* 左侧渐变遮罩 */ .m-partner-scroll-wrapper::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 150px; background: linear-gradient(to right, #F0F3F5 0%, rgba(240, 243, 245, 0) 100%); z-index: 10; pointer-events: none; } /* 右侧渐变遮罩 */ .m-partner-scroll-wrapper::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 150px; background: linear-gradient(to left, #F0F3F5 0%, rgba(240, 243, 245, 0) 100%); z-index: 10; pointer-events: none; }
返回列表