CSS3 Generator, a quick CSS3 code generator

Today I was surfing the web and suddenly came across a Web Application (a program that works on the web. You don't have to download it to your computer.) This one is cool, so I'm sharing it with you. This CSS3 Generator is for helping web designers who want to use CSS3 but can't remember some of the code. But before using this tool I recommend you to read the article teaching CSS3 first to know what CSS3 is capable of. By using CSS3 Generator, it's not difficult at all. Start by going to the CSS3 Generator website and choosing what you want the CSS3 code to do.

Which you can choose from: Border Radius – Code for making a Phone Number List curved frame. Box Shadow – Add a shadow to the box. Text Shadow – Add a shadow to the text. RGBA – set transparent color @font Face – Use special fonts besides Web Safe Fonts. Multiple Column – Split text into multiple columns in one box. Box Resize – Set the box to expand according to the contents of the box itself. You can choose to expand only vertically or horizontally. Box Sizing – Set whether the box frame will fit inside the box area. or outside (usually outside the box) Outline – Box frame set like border.



This one will show the box outside the border again. Selectors – There is no Generator for this one. Once we have made our selection, there will be a box for us to enter various values. For example, if we select Text Shadow , we will choose to enter values ​​for the shadow position, shadow blur, and shadow color (there is a Color Picker window for easy selection). Once completed, you can copy the code in the Your Code field and insert it into our CSS file! Notice that in the upper right corner of the Your Code box, there are various browser icons. This is information that tells us which CSS3 commands we choose will be displayed in which browsers.