Two CSS3-style visual online generation tools

CSS3 with the browser upgrade has been more and more widely used, reasonable use of CSS3 can make your site more beautiful, and can only use JS to achieve the effect can also be directly used CSS3 to achieve. However, many browsers support the CSS3 through their private properties to support, and rarely directly to the standards of the Internet to achieve. -webkit-attribute prefixes such as Firefox's-moz-and WebKit.

However, the CSS3 itself has not been published in the official version, and it is only a draft. Below I recommend two very intuitive, visual, auto-generated CSS3 style Code tool website for everyone.

1.CSS3 Generator

Choose the CSS3 attribute you want, then fill in the values, and the right side will show the effect visually, then you can copy the generated style code. Browsers that are compatible with these styles are also listed. It's very convenient.

http://www.css3generator.com/

2.CSS3, please!

This looks more intuitive, just like filling in the blanks, fill in the corresponding values on the page, the upper right corner of the element will show the corresponding style. If you don't need to combine so many effects, turn off some of the styling properties. You can either click "{Toggle rule on}" or "{Toggle rule off}" to turn on the individual properties or close them.

http://css3please.com/

As mentioned earlier, CSS3 is still a draft, and because of the browser's relationship, currently only non-mainstream browser support, you know, so-called mainstream browser is to occupy the ban bi more Jiangshan of the IE series. IE series currently only IE8 support a very small part of the CSS3, the future of IE9 may be worth looking forward to.

CSS3 combination of the use of the appropriate can really make the page display is very beautiful, but if only for the sake of CSS3 and CSS3, such as disorderly use Text-shadow just for the text shadow and shadow personal feel so completely unnecessary.

Two CSS3-style visual online generation tools