究極のCSSグラデーションジェネレータ

以前のバージョン (English)

• » Don't generate older Opera, IE10 Preview, Webkit syntax by default (turn back on using "Maximize compatibility" mode)
• » Browser Compatibility panel showing supported browser versions, usage stats etc.
• » Support for radial and diagonal linear gradients
• » Support for full multi-stop gradients in Internet Explorer 9 (IE9) using SVG
• » Support for Sass SCSS format using Compass mixins (needs latest beta of Compass)
• » Copy to clipboard button for quickly grabbing the generated code
• » Easy resizing of preview panel by dragging its corner
• » Opacity support
  • · Create transparent css gradients, or add fade-in, fade-out, semi-transparency and similar effects
  • · Add any number of opacity stops to your gradient
  • · Supports opacity stops at any position - completely independent of color stops
  • · Automatically switch to rgba/hsla color output mode when transparency is used
  • · Outputs older Internet Explorer opacity format (yes, this will even work with IE6!)
  • · Opacity support when importing from CSS
  • · Supports importing gradients with transparency from an image
• » Double click on CSS text output to select all of it for easy copying
• » More robust new algorithm for converting gradient images to CSS, including alpha support

• » New 'Adjustments' panel - tweak your gradient or create new flavors
  • · Adjust hue, saturation and lightness
  • · Reverse current gradient
• » Added hsl and hsla color format support in CSS output
• » Added a unique permalink to each gradient for linking to, saving or sharing specific gradients.
• » Added the ability to toggle CSS comments on/off.

• » Added support for 4 new gradient formats:
  • · IE 10+
  • · Newer Webkit
  • · Opera 11.10+
  • · W3C

• » Import from an image - convert an existing gradient image to CSS
  • · Supports complex multi-stop gradients
  • · Upload an image or import from an image URL

• » Import from CSS - enter existing gradient CSS in various formats and import it into the tool
• » Save your gradients as new presets
  • · Edit your gradient, enter its name and hit 'new'
  • · Remove any of your preset gradients using its context menu (right click)
  • · Your gradient presets will be persisted in the tool across sessions
• » Added rgb and rgba color format support in CSS output
• » Persist settings across sessions - gradient orientation, preview panel dimensions, output color format etc.
• » Keyboard shortcuts - press up/down in color stop entry box to increase/decrease value