CSS Gradient Generator

October 25th, 4:03am October 3rd, 4:14am

advantech

Articles

It’s a task that can’t be avoided if you want a gradient background, but remembering all the different properties to create a gradient is something you often need to bring out the manual for. Using a gradient a great way to go without having to worry about creating a gradient image and repeat it horizontally or vertically.

Don’t waste your time trying to remember all the various tags and properties, use the fantastic CSS Gradient Editor from Colorzilla!

It’s simply – AWESOME 🙂

Some of the additional features it provides are:

• IE 9 Support
• Ability to reverse your gradient with the click of a button
• Adjusting the Hue/Saturation

Try it for yourself. //www.colorzilla.com/gradient-editor/

Here’s what it can create for you.

Colour 1: #1E5799
Colour 2: #7db9e8

Sample output:

Don’t get your HTML wrong ever again, your websites will be looking awesome in no time!

Article Update: 3rd October 2017

Another cool design resource available is Canva. Canva Colors helps with colour combinations. Give the Canva Colors tool a try!