CSS制作梦幻彩虹效果

2020-05-11 18:04:13易采站长站整理

.box4{   
           width: 260px;   
           height: 130px;   
           overflow: hidden;   
       }   
       .box5{   
           width: 260px;   
           height: 260px;   
           border-radius: 100%;   
           background: radial-gradient(#ffffff 70px,#ff6633 80px,#ffff00 90px,green 100px,#008aff 110px,purple 120px);   
           background: -moz-radial-gradient(#ffffff 70px,#ff6633 80px,#ffff00 90px,green 100px,#008aff 110px,purple 120px);   
           background: -webkit-radial-gradient(#ffffff 70px,#ff6633 80px,#ffff00 90px,green 100px,#008aff 110px,purple 120px);   
       }