css水波流动渐变色 

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title></title>
      <style type="text/css">
         .flow-colorful {
             max-width: 600px;
             height: 150px;
             background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple);
             animation: hue 6s linear infinite;
         }
         @keyframes hue {
             from { filter: hue-rotate(0deg); }
             to   { filter: hue-rotate(360deg); }
         }
      </style>
   </head>
   <body>
      <div class="flow-colorful">
         
      </div>
   </body>
</html>
posted @ 2019-07-03 10:01  你风致  阅读(562)  评论(0)  编辑  收藏  举报