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>

 

 

---

 

https://juejin.im/post/5e070cd9f265da33f8653f00#heading-30

 

..