edit the basics

basics:

Closing this will remove the basics from the generated code

+

Open this panel to edit specific values for this property

border-radius:

-
+
+

Open this panel to edit specific values for this property

box-shadow:

-
+
Inset Shadow?Outset Shadow?
+

Open this panel to edit specific values for this property

background gradient:

OFF ON

top to bottom

left to right

right to left

opacity:

-
+
Only one filter will be previewed at a time
css3.me
v 2.3
  • Version 2.3 update: - 8 Apr 2013
  • 1. "Responsivized" modal.

  • Version 2.2 update: - 3 May 2012
  • 1. Added cookie for code selection checkboxes.

  • Version 2.1 updates: - 2 Mar 2012
  • 1. Changed most images to CSS3.
  • 2. Compressed existing images.

  • Version 2.0 updates: - 10 Jan 2012
  • 1. Added comment removal checkbox.
  • 2. Added browser selection checkboxes.
  • 3. Added watermark behind preview.
  • 4. Changed many images to CSS3.
  • 5. Added some HTML5 elements.
  • 6. Changed to unobtrusive JavaScript.
  • 7. Made a mess of things :(

  • Version 1.2 updates: - 16 May 2011
  • 1. Changed “background” to “background-image” when using linear-gradient.
  • 2. Added “background-clip” when using gradient and border-radius.
  • 3. Allow for hex codes to be inserted/edited in the color picker.
  • 4. Changed some comments in generated code to reflect correct behavior.
  • 5. Created version notes.

  • *Minor, internal, and previous changes not listed.
Get the code!

Code: Peter Funk  Design: Eric Hoffman
High fives: Anthony Lagoon

Your CSS Generated Code!

×