Pages

Creation of forms in Pure CSS

One of the best things about CSS 3 is that it reduces the need to use images in your designs. That means less HTTP, a few bytes to download requests and less files to track. Need rounded corners? It is now pure CSS. What is shadows? Yes, pure CSS. The symbol of infinity? Actually Yes, you can draw the symbol of the infinite with nothing more than a few lines of CSS.


Web developers on at CSS-tricks have set up a page showing off the coast of basic shapes that you can create using a single HTML element and all CSS you can eat. All of the obvious, square and circles, somewhat more delicate five branches star or infinity symbol (contributed by developers Kit MacAllister and Nicolas Gallagher respectively).


If you need to add some basic shapes to your site, but don't want to image files, the code CSS-tricks could fit the Bill. The page has been for some time, but it is regularly updated with new forms so it should be added to your bookmarks. You must, however, remember that not all the code works in all browsers.