是否可以制作如圖所示的背景漸變。我發現這可以通過徑向漸變來完成，但由于某種原因我的漸變是圓形的。也許用圖像處理更好？我怎樣才能做到像圖片一樣清晰的邊框。.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貢獻1982條經驗 獲得超2個贊
您可以使用兩個梯度來近似它：
.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 關注
- 114 瀏覽
添加回答
舉報
0/150
提交
取消