CSS 3.0 Maker

Online CSS Tool:

The following Options are catered for:

Home

Border Radius
Gradient
CSS Transform
CSS Animation
CSS Transition
RGBA
Text Shadow
Box Shadow
Text Rotation
@Font Face



Examples:

01 — Radial:

Original Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.css3maker.com</title>
<style type="text/css">
body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname { border:solid 1px #2d2d2d;  text-align:center; background:#575757; padding:100px 50px 100px 50px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}

/* =Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.classname{background:-moz-radial-gradient(52% 51% 40deg, #5E93EC, #FF7528 61%) }
/* End of Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
</style>
</head>

<body>
<div class="classname"><a href="http://www.css3maker.com">www.css3maker.com</a></div>
</body>
</html>

Edited Code (adopted for Wikidot):

[[html]]
<style type="text/css">
body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname { border:solid 1px #2d2d2d;  text-align:center; background:#575757; padding:100px 50px 100px 50px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}

/* =Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.classname{background:-moz-radial-gradient(52% 51% 40deg, #5E93EC, #FF7528 61%) }
/* End of Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
</style>
<div class="classname"><a href="http://www.css3maker.com">www.css3maker.com</a></div>
[[/html]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License