css：蓝环章鱼

 

许多海洋生物色彩艳丽，这次用css仿制一下蓝环章鱼的蓝环

 

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){$("#button").click(function(){});
});
</script>
<style type="text/css">
.linear{width:500px;height:100px;background:linear-gradient(270deg,#d1b37f 50%,#b0b889,#95bf97,#7bc6a5,#58c3a9,#46b2a2,#3b8e86,#3c7169,#617262,#929173,#c1c08a,#d1cfa6);
}
.radial{width:200px;height:200px;background:radial-gradient(circle,#d1b37f 30%,#b0b889,#95bf97,#7bc6a5,#58c3a9,#46b2a2,#3b8e86,#3c7169,#617262,#929173,#c1c08a,#d1cfa6 80%);
}</style>
<div class="linear"></div>
<div class="radial"></div>

 

 

..