There are many online CSS Cheat Sheets out there to help you pick the perfect styles for the website you’re working on but most of them are either a static page or even worse, a simple PDF file. Let me introduce the best collection of interactive CSS tools, all in one place which will make your life easier.
The interactive CSS Cheat Sheet contains the most common codes which you can easily copy paste in your projects. The interactive widgets allow you to generate the code for styling gradient, box and text shadow, buttons, background, font, border/outline, border radius, transform and more!
The generated CSS codes work great in older browsers because the tool handles -moz -webkit -o and -ms prefixes.
You can test the generated style sheets with the built-in interactive HTML Editor which helps you tailoring the code with a demo HTML content. Click the blue arrows pointing down to populate the demo area.
Go ahead and test the tool clicking the image or visiting HTMLCheatSheet.com/css/
It will make your life easier if you work with web code on a daily basis! More programming languages are about to be added to the CheatSheet collection, such as jQuery, PHP, SQL and more!