Curved Box
Version A
Curved Box
Version B
Curved Box
Version C
Curved Box
Version D
.rightbottomcurve { padding: 16px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; background-color: #CC0; }
.altcurvepossitive { background-color: #CC0; -moz-border-radius: 0em 2em 0em 2em; border-radius: 0em 2em 0em 2em; padding: 16px; }
.altcurvenegative { background-color: #CC0; padding: 16px; -moz-border-radius: 2em 0em 2em 0em; border-radius: 2em 0em 2em 0em; }
.leftbottomcurve { padding: 16px; -moz-border-radius-bottomleft: 30px; border-bottom-left-radius: 30px; background-color: #CC0; }
Full
Curved Box
Fuller
Curved Box
Right
Curved Box
Left
Curved Box
.curvedfull { background-color: #CC0; padding: 16px; -moz-border-radius: 2em 2em 2em 2em; border-radius: 2em 2em 2em 2em; }
.curvedfuller { background-color: #CC0; -moz-border-radius: 5em; border-radius: 5em; padding: 16px; }
.curvrightonly { background-color: #CC0; -moz-border-radius: 0em 2em 2em 0em; border-radius:0em 2em 2em 0em; padding: 16px; }
.curvleftonly { background-color: #CC0; -moz-border-radius: 2em 0em 0em 2em; border-radius: 2em 0em 0em 2em; padding: 16px; }
Screw Box
Version 1
Screw Box
Version 2
Curved
Bottom
Curved
Top
.screwbox { background-color: #CC0; padding: 16px; -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; }
.srewbox2 { background-color: #CC0; padding: 16px; -moz-border-radius: 10px 30px / 30px 10px; border-radius: 10px 30px / 30px 10px; }
.curvbottom { background-color: #CC0; -moz-border-radius: 0em 0em 2em 2em; border-radius: 0em 0em 2em 2em; padding: 16px; }
.curvtop { background-color: #CC0; -moz-border-radius: 2em 2em 0em 0em; border-radius: 2em 2em 0em 0em; padding: 16px; }