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
