CSS Colour Tint

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);
}
view raw CSS Colour Tint hosted with ❤ by GitHub

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
css colour tint CSS Colour Tint 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

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.