Use the following CSS in this order to achieve a pure CSS colour Tint: –
|
.tint { |
|
filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg); |
|
} |
To achieve your CSS colour tint you only need to change the hue-rotate value. Works on parent elements and their children.
About the Author

Glenn
A highly experienced Web Designer / Web Developer (Webflow, WordPress, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.