<style type="text/css">

/* These properties are changed from the generator */
#elementname {
position: absolute;
top: 50%; left: 50%;
margin-top: ;
margin-left: ;
width: ;
height: ;
border-style: ;
border-width: ;
border-color: ;
border-radius: 0px 0px 0px 0px;
background: rgba(0, 34, 102, 1 );

box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1) ;
transform: rotate(
deg) translate(
) skew(
deg) scale(
) rotateX(
deg) rotateY(
deg) translateX(
) translateY(
);
-webkit-transform: rotate(
deg) translate(
) skew(
deg) scale(
) rotateX(
deg) rotateY(
deg) translateX(
) translateY(
);
-moz-transform: rotate(
deg) translate(
) skew(
deg) scale(
) rotateX(
deg) rotateY(
deg) translateX(
) translateY(
);
-ms-transform: rotate(
deg) translate(
) skew(
deg) scale(
) rotateX(
deg) rotateY(
deg) translateX(
) translateY(
);
-o-transform: rotate(
deg) translate(
) skew(
deg) scale(
) rotateX(
deg) rotateY(
deg) translateX(
) translateY(
);
}
</style>

<div id="elementname"> </div>

  ▼ Color:


  ▼ Properties:
Display:

Width: Height:


Border:
Top:
Right:
Bottom:
Left:
Color:


Border Radius:
Top Left:   Top Right:
 
 
 
Bottom Left:   Bottom Right:
 


Background Color:
Image:
Size:
Color:
Opacity:
Custom:


Box Shadow:
X:
Y:
Blur:
Spread:
Color:
Opacity:
Custom:


Transform:

rotate
rotateX
rotateY
translate
skew
scale
translateX
translateY

  ▼ Generated CSS:

  ▼ Notepad: