CSS Lastnost: filter: hue-rotate()

Lastnost filter: hue-rotate uporabi rotacijo odtenka na sliki. Vrednost določa število stopinj okoli barvnega kroga, za katerega bodo prilagojeni vzorci slike. 0deg pomeni privzeto in predstavlja izvirno sliko. Največja vrednost je 360 stopinj (360deg).

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>filter: hue-rotate</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        * {
            box-sizing: border-box;
        }
        img {
            filter: hue-rotate(45deg);
        }
    </style>
</head>
<body>
<img src="/demo/smiley.png" width="403" height="336" alt="Smeško">
</body>
</html>

REZULTAT