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;