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 rawCSS 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.

Element height always the same as Width

This is a very useful snippet for ensuring that your element height (div, img etc) is always the same as the width. An example case could be a circular div that you want to ensure maintains a set aspect ratio so that it is not squashed or elongated. There are a few examples of how to achieve this below, but …