css水波流动渐变色

最新推荐文章于 2023-11-18 00:15:00 发布

de3597

最新推荐文章于 2023-11-18 00:15:00 发布

阅读量947

点赞数

原文链接：http://www.cnblogs.com/xinyouhunran/p/11124667.html

版权

<!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>