Storyblok
Search Storyblok's Documentation
  1. Rounded Corners

Rounded Corners

Round the corners of an image by appending filters:round_corner(A|B,R,G,B,T) The parameters are defined as follows:

  • A (Radius): Integer specifying the corner radius. It ranges from 0 to half the image width (based on either the original or resized width).
  • B (Ellipsis): Optional integer defining the curvature. It ranges from 0 to one-fourth of the image width (based on either the original or resized width).
  • R, G, B (Background Color): Integer values (0–255) representing the RGB color of the background outside the rounded corners.
  • T (Transparency): Boolean with a value of either 0 (opaque) or 1 (transparent).

Try the interactive demo below.

Preview that reacts to API
demo-sunflower.png
Copied to the clipboard
Round Corners
Transparent Background