CSS3.Me, CSS Generator

The box style generator at CSS3.me allows you to generate valid CSS3 (with some Microsoft filters for compatibility ) code auto-magically through the use of a nicely designed web-app interface.

The basic design concepts and terminology should be familiar to anyone familiar with CSS and Photoshop.

 The Options

  • The Basics:
    • border-width
    • border-color
    • background-color
  • border-radius
    • Top Left
    • Top Right
    • Bottom Left
    • Bottom Right
  • box-shadow
    • Horizontal & Vertical Position
    • Blur amount
    • Spread
    • Shadow Color
    • Normal or Inset
  • Background gradient
    • toggle on/off
    • from #color
    • to #color
    • Gradient Direction
      • top to bottom
      • left to right
      • right to left
  • Background Opacity