_{okay, so from my various trolls through mammoth google searches to learn bits about coding, i’ve discovered a few wonderful resources out there which actually do some of ( and in some cases, a lot of ) the hard work for you…} 

_{these are otherwise known as code generators… here are a few of my faves;;}

_{( NB/ all of the generators are pure CSS - no javascript is needed… )}

_{CSS3 generator - includes generators for; border radius, box shadow, text shadow, rgba, font face, multiple columns, box resize, box sizing, outline, transition, transform, flexbox and gradient}

_{EnjoyCSS - is another multi option generator and will give great live previews with a ton of options - includes; blocks, buttons, text, gradients, backgrounds, shadows, border radius, transition, transformation}

_{CSS3maker - is again, another multi option generator - includes; border radius, gradient, transform, animation, transition, rgba, text shadow, box shadow, text rotation, fontface}

_{Layerstyles - for those of you who use photoshop, this is the editor for you!  it will generate CSS code from a PS like editor that should be very familiar - includes; drop shadow, inner shadow, background, border, border radius}

_{Westciv - includes options to generate; gradients, text properties, box properties, transformations}

_{here are some individual generators which give a little more detail and flexibility with the options;}

_{scrollbar generator
border radius generator
gradient generator 
gradient generator
box shadow
button generator
button generator
menu generator
menu generator ( includes bootstrap option )
menu generator
tooltip generator
tooltip generator
ribbon generator
table generator
table generator
typeset generator
ease animations
full box styling
full box styling
pattern generator}

_{enjoy :3
love from,
octomoosey <3}