是否可以制作如圖所示的背景漸變。我發(fā)現(xiàn)這可以通過(guò)徑向漸變來(lái)完成，但由于某種原因我的漸變是圓形的。也許用圖像處理更好？我怎樣才能做到像圖片一樣清晰的邊框。.block { padding: 15px; width: 1000px; border-radius: 6px; font-size: 1.8rem; line-height: 2.8rem; height: 12.4rem; background-color: #F3F5F7; border-radius: .6rem; background-image: radial-gradient( circle at bottom right, red, #ffffff 30% );}<div class="block"> <div>some text</div></div>
1 回答
臨摹微笑
TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
您可以使用兩個(gè)梯度來(lái)近似它：
.box {
height:300px;
background:
radial-gradient(130% 140% at 140% 160%,transparent 99%,#f3f5f7 100%),
linear-gradient(to top,#f3f5f7,#dadcdd);
}
<div class="box"></div>
- 1 回答
- 0 關(guān)注
- 112 瀏覽
添加回答
舉報(bào)
0/150
提交
取消