In the following CSS example, the background color is set first as a fallback. Then if the browser supports the gradients and it finds the valid CSS syntax, it will use the gradient instead: .bg { /* ...

Welcome to the CSS Gradient Generator! This tool allows you to create beautiful CSS gradients with a live preview and the ability to copy the generated CSS code. It's designed to be user-friendly and ...

Note: CSS doesn't support full matrix transforms like gradientTransform, so this is an approximation based on the translation and scale. You might want to tweak the position and scale manually if ...