Skip to main content

Find out what happens when you change a CSS property with CSS Triggers

Instead of spending time performing your own tests, you can now use Paul Lewis (opens in new tab)' CSS Triggers to understand the ramifications of setting the value of a CSS property to something other than the default, or of updating that value.

The CSS Triggers site lists CSS properties alphabetically, and lets you know whether changing their values will trigger layout, print or composite work. Clicking on a property brings up detailed information about what will happen and what the costs might be.

At the moment this only works for Chrome. Lewis is keen to expand the functionality, but at present not many browsers have tools for exposing information about what's going on inside. He is inviting vendors or anyone else who can help to file a Pull Request.

You can read about how Paul made the site in his blog post, here.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Tanya is a writer covering art, design, and visual effects. She has 16 years of experience as a magazine journalist and has written for numerous publications including 3D World, 3D Artist, ImagineFX, Computer Arts, net magazine, and Creative Bloq. For Creative Bloq, she mostly writes about web design, including the hottest new tools, as well as 3D artwork and VFX.