There are a lot of great resources to help you create better CSS code.
I will add on to this article when I find additional resources that I find useful.
Force CSS and JS changes to go live immediately
(Very useful when the browser is not showing your updates right away as your working on the site.)
colorspark.app (Load random colors and gradients. Get inspired and download the CSS.)
Colorzilla – Gradient Editor
gradienty – A very interesting way to add a gradient
webhostingplanguide.com – browse a CSS gradient list
Image effects and image hover effects
Hover over buttons and create an icon effect:
Upgrading CSS Animation With Motion Curves – smashingmagazine.
Picks up colors from web sites with stylifyme.
designyourway – material design resources for designers
Long lists of great resources to go through:
designyourway – the most popular css libraries that are on github
Simplilearn – css3 resources ultimate list article
22 Essential CSS Recipes