CSS篇径向渐变 background-image: radial-gradient

最新推荐文章于 2022-01-25 11:26:25 发布

王先生6666

最新推荐文章于 2022-01-25 11:26:25 发布

阅读量346

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_42497127/article/details/121498386

版权

radial-gradient([<>]? [<形状> || <大小>,]? <点>, <点>…);起点
起点：可以是关键字（left,top,right,bottom），具体数值或百分比
形状： ellipse、circle
大小 :具体数值或百分比，也可以是关键字
（最近端，最近角，最远端，最远角，包含或覆盖 (closest-side, closest-corner, farthest-side, farthest-corner, contain or cover)）;

		形状和起点之间用at链接

radial-gradient代码展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width: 400px;
				height: 400px;
				border: 10px solid #000;
				background-image: radial-gradient(circle at left top, red, blue);
			}
		</style>
		 
	</head>
	<body>
		<div>
			
		</div>
		加wx   wzq85006194
	</body>
</html>

优惠劵

王先生6666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS篇径向渐变 background-image: radial-gradient

radial-gradient([<>]? [<形状> || <大小>,]? <点>, <点>…);起点起点：可以是关键字（left,top,right,bottom），具体数值或百分比形状： ellipse、circle大小 :具体数值或百分比，也可以是关键字（最近端，最近角，最远端，最远角，包含或覆盖 (closest-side, closest-corner, farthest-side, farthest-corner, conta
复制链接

扫一扫