css3实战linear-gradient渐变背景色平铺

2020-04-20142次阅读css3css

css3实战linear-gradient渐变背景色平铺,本例中还温习了CSS实现多边框技巧

height:200px;
	$width:578px;
	width:$width;
	border:1px solid #c90;
	box-shadow:inset 0 0 0 1px #FFCD30,inset 0 0 0 2px #FFC100,0px 7px 5px 0px rgba(0, 0, 0, 0.1),inset 0.707px 0.707px 1px 0px rgba(255, 255, 255, 0.75);
	@extend %pa;
	left:50%;
	margin-left:(-$width/2);
	top:50%;
	border-radius: 20px;
	background: #f7d79b;
	background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);
	background-size:100% 4px;

 

 

上一篇: css滚动条带有进度背景色  下一篇: npx create-react-app my-app创建项目没有src以及public文件夹  

css3实战linear-gradient渐变背景色平铺相关文章