Est. Reading Time: 2 minute
Want to make image free gradients, borders or box shadows quickly? You can with this CSSmatic site, a non-profit project made by developers. It does a great job with customizations to fit what you are looking to achieve. Each tool is easy to understand with slider or direct input values for quick code generation.
Provides presets of different gradients or can fine to tune with any color value and placement of colors on a color bar. You can also set the opacity, location, hue, lightness, saturation and yes even save your preset. When ready it gives a nice copy board that can be in CSS or SASS (an extension language of CSS) and support for IE9.
You have the option to set all corners with a single value or customize each corner. Options also include border width, border style, border color and background color.
Create some flare to your CSS boxes or design. This one provides you with the options to set the noise capacity, noise density, noise color, background color. When ready you can export the image and it also gives the option to save as a transparent image and set dimensions.
Even though designs are moving towards a more flat web design, box shadows can still be a nice effect. This gives the option to do box shadows. Options include, horizontal length, vertical length, blur radius, spread radius, shadow color, box color, color opacity and even the option to set it for an outline or inset.
You can learn more about these CSS tools and try them out here on CSSmatic.