PUBLIC MARKS from decembre with tags tricks & css

I love using SVG in CSS background images but it sucks that you can't alter the fill color easily within your CSS. Here are a few ways around that. # SVG in CSS backgrounds: Using SVG in CSS backgrounds allows you to use CSS's powerful background sizing and position properties. This makes sizing SVGs much simpler because the image easily scales to the size of your element. Plus you don't have SVG cluttering up your markup. There are also some nice performance benefits over inline SVG. An SVG in a background image can be cached. Using image sprites and embedding SVG as a data URI can also improve performance.

Textarea Tricks , 2010

L'essentiel de la technique est de retirer la classe hover du body LORS du défilement et tous vos . hover sélecteurs ne correspond pas jusqu'à ce que l'utilisateur cesse de faire défiler la page , la classe étant alors ajoutée a body. About avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all your hover states through a parent class.