CSS3 Button Maker

0
41
CSS3 Button Maker
CSS3 Button Maker


CSS3 Button Maker Screen Shot

Today we are going see and how to make a nice CSS3 Button Maker with three different styles viz., Glassy look, 3d look and Flat look.

Every website need a button for different purpose like form submission, navigation.. etc. I get bored by seeing the normal look of button so we go for customization and developed a Tool, when I am working for the project of css-factory.com. By this tool we can create awesome buttons by your creativity.

The contents required for button style is Button size, color , font-family etc. Our three styles are made using these contents and some external functionality.

The functionality is simple and is to develop:

Take a variable:

var text="";

Give your style content to this variable as string

text=".glassy{";
text+="font-size:"+value+"px;";..............

Update this string every time when on change occurs by

$("style").replaceWith("<style>"+text+"</style>");

Style developed by this CSS3 Button Maker is Compatible IE10+, Chrome and Mozilla

CSS3 Button Maker : Demo

NO COMMENTS

LEAVE A REPLY