We introduced 10 Useful CSS Skills Maybe You Don’t Know and 10 CSS Essential Skills Save Your Time, write CSS manually is not tough if you know the properties. However, if you are lazy people, then there are lots of CSS code generators available. CSS3 become more and more popular with lots of new porperties, the following are 8 web apps that generates a semantic css3 code.
CSS border radius Generates “border-radius” property in Mozilla, WebKit and standard CSS3 syntax. It is the generator for lazy people.
CSS3 Generator is a quick way to discover how to achieve certain functions. A single drop-down menu gives you access to border radius, box shadow, text shadow, RGBA, @FontFace, multiple columns, box resize, box sizing, outline and selectors. Select any of these functions and you’ll be presented with a few options; fill those in and you’ll have your code. Fill in the form and CSS3 Generator will output code for you.
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients for developers and designers to generate a gradient in CSS. It also provides a simple graphical user interface. Generates linear “gradient” property for Mozilla and WebKit browsers.
CSS3 Learning Tool dynamically gets the vendor prefix for your browser and checks whether the property is supported with or without it.
CSS3 Please! is a web-based & simple-yet-effective cross-browser CSS3 rules generator. Currently, it helps you write the rules for: border-radius, box-shadow, gradient(linear), rgba colors, transform (rotate), transition and @font-face. As every browser may require different prefixes for the CSS3 properties, this tool makes it so easy by providing them all with an editable & well-commented way where the output can be seen instantly.
CSS3 Sandbox have a set of css3 code generator including shadows, graddiants, trnasforms text-stroke and more tools . Discover it by your self and you will love playing with. More cool tools coming soon to the sandbox, including tools to help explore opacity, multi-column text, transitions, animations and embeddable fonts.
More and more browsers are able to handle embedded fonts, but getting the right formats for each browser can be tricky. FontSquirrel has a @font-face generator that gets you exactly what you need. Upload a TrueType or OpenType font and it gives you the CSS files and the EOT file you need for your browser.
Webkit CSS3 Generator is a simple CSS generator helps you to understand capabilities of CSS3 introduced by WebKit. That demonstration works on webkit-based browsers, such as Safari, mobile Safari and Chromium.