Page 153 - CSS
P. 153

<img src='donald-duck.png' alt='Donald Duck' title='Donald Duck' />


        CSS


         img {
             -webkit-filter: brightness(200%) grayscale(100%) sepia(100%) invert(100%);
             filter: brightness(200%) grayscale(100%) sepia(100%) invert(100%);
         }


        Result




























        Hue Rotate


        HTML


         <img src='donald-duck.png' alt='Donald Duck' title='Donald Duck' />


        CSS


         img {
             -webkit-filter: hue-rotate(120deg);
             filter: hue-rotate(120deg);
         }


        Result























        https://riptutorial.com/                                                                             131
   148   149   150   151   152   153   154   155   156   157   158