属于 css3 的范畴。

    1. 英雄纪念日网页黑白效果实现

      1. <style>
      2. body {
      3. filter: grayscale(100%);
      4. }
      5. </style>
    2. 使得页面看起来更亮

      <style>
      body {
         filter:brightness(100%); // 默认为1 太亮了,页面就白了
      }
      </style>
      
    3. 给图像设置一个阴影效果

      <style>
      img {
         filter: drop-shadow(-25px 25px 25px rgba(26, 58, 70, 0.7));
      }
      </style>