Product Updates

Outline effect

Apr 12, 2017

Use e_outline:[mode][width]:[blur] on the transformation URL to add an outline to a transparent image.

  • Mode - how to apply the outline effect which can be one of the following values: inner, inner_fill, outer, fill. Default value: inner and outer.
  • Width - applies to the thickness of the outline in pixels. Default value: 5. Range: 1 - 100
  • Blur - applies to the level of blur of the outline. Default value: 0. Range: 0 - 2000


A very colorful example....

Copy to clipboard
https://res.cloudinary.com/demo/image/upload/e_outline,co_red/e_outline,co_rgb:FF7F00/e_outline,co_yellow/e_outline,co_rgb:00FF00/e_outline,co_blue/e_outline,co_rgb:4B0082/e_outline,co_rgb:9400D3/e_outline,co_red/e_outline,co_rgb:FF7F00/e_outline,co_yellow/e_outline,co_rgb:00FF00/e_outline,co_blue/e_outline,co_rgb:4B0082/e_outline,co_rgb:9400D3/unicorn_rainbow.png
Double rainbow unicorn outline

You can read more about this effect here.

← Back to all product updates