用渐变画彩虹
2017-01-06 本文已影响0人
Victor细节
Paste_Image.png
<style type="text/css">
.wrap{
width: 600px;
height: 600px;
margin: 200px auto;
}
.out{
width: 600px;
height: 600px;
position: relative;
border-radius: 50%;
background-color: green;
/*background: radial-gradient(300px,white,white,white,white,white,white,white,white,white,white,white,white,white,white,white,white,#d564e8,#50b9f2,#52e5ec,green,yellow,orange,red);*/
background: -webkit-radial-gradient(white 35%,#d564e8 40%,#50b9f2 45%,#52e5ec 50%,green 55%,yellow 60%,orange 65%,red 70%);
}
.cover{
width: 600px;
height: 300px;
position: absolute;
background-color: white;
bottom: 0;
}
</style>
</head>
<body>
<div class="wrap">
<div class="out">
<div class="cover"></div>
</div>
</div>
</body>
