W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
語法:
background:radial-gradient(
center,shape,size,star- color,...
)
樣式一:
默認方式以中心角開始到最遠角。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="margin: 15px auto; width: 80px;height: 40px;
background: radial-gradient(red,blue,yellow);
class="change">
s
</div>
<hr />
<div style="margin: 15px auto; width: 80px;height: 80px;
background: -webkit-radial-gradient(20% 30%,closest-side, red,blue,yellow);
class="change">
靠近的邊
</div>
<hr />
<div style="margin: 15px auto; width: 80px;height: 80px;
background: -webkit-radial-gradient(20% 30%,closest-corner, red,blue,yellow);
class="change">
靠近的角
</div>
<hr />
<div style="margin: 15px auto; width: 80px;height: 40px;
background: -webkit-radial-gradient(circle, red,blue,yellow);
class="change">
s
</div>
</body>
</html>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: