Create CSS styles easily.

There Many CSS style creators in the Internet. Form Generators, Button Generators etc. Because of the people who spent their precious time to create things like frameworks, we don’t need to spend our time reinventing the wheel.

Today I’m going to talk about http://enjoycss.com/.  The specialty of this site  is  you can add create a custom css for specially for a http element. In there site you can see What are the elements you can add css.

enjoy css elements

Above is some elements that you can use to add css into elements. Lets start over journey with a <input> tag. Select Input from the web site.

In the next step you will get below window.

screenshot-from-2016-11-10-13-53-28

On the left pane You can see live look of the elements, when Style are applied. The Right pane is where magic happen 😀 You can see Input box is already on the left pane.

On the right pane you can see style are divided into sub categories according to their scope. If you select the Text category you can see all kind of styles you want to add is there. If you try some changes you can see the input on the left changes accordingly. Not only text but also there are all most all styles like positioning, Shadows and borders etc.

So how to get the style to our application? Simply changes the element you want using the control and press  Get the Code Button on the Right below. Then you will get below the below window.

screenshot-from-2016-11-10-14-05-51

Then you can see the style you generated in a css class named enjoy-css. You just have to add it to your input ( or the element you want).

This site is a blessing when you had to generate your own styles. It is very easy. This save the developer from reinventing the wheel and fast developments.

Advertisements