CSS 3.0 Maker
Online CSS Tool:
The following Options are catered for:
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]]