NotCSS API
usage:
Add effects to your online image. It's easy, convenient, quick, and effective!
– OR –
usage:
This performs the same method as above, but can only be used as a
– OR –
usage:
This method does not specify any foreground image. Consequently, a graphic is generated (and may usefully be used as a background image).
http://notcss.com/param=value,param=value,.../http://www.my_url.com/full_path/image_url
Add effects to your online image. It's easy, convenient, quick, and effective!
– OR –
usage:
http://notcss.com/param=value,param=value,.../relative_image_url
This performs the same method as above, but can only be used as a
src attribute in an HTML page;
assumed to be found relative to the directory of that respective HTML page.
– OR –
usage:
http://notcss.com/param=value,param=value,.../
This method does not specify any foreground image. Consequently, a graphic is generated (and may usefully be used as a background image).
Parameters and Values
| Parameter | Usage | Default | Description |
| b | b=thickness |
0 |
The border thickness of the output image in pixels.
If given as a percentage, is treated as the percentage of the width or height – whichever smaller – of the output image. |
| bg | bg=color |
transparent white (-fff) |
The desired background color of the output image.
Should be a three or six-digit hexadecimal value of the form RGB or RRGGBB. For example, f00 and ff0000 both represent the color red. If preceeded by a minus sign, depending on the output format: JPEG: minus sign is ignored, background is set as the color value. GIF: uses the color value for antialiasing, otherwise sets background as transparent. PNG: sets background as transparent. |
| c | c=color |
black (000) |
The border color.
Should be a three or six-digit hexadecimal value of the form RGB or RRGGBB. For example, f00 and ff0000 both represent the color red. |
| d |
d=size
|
100% |
The desired width and height of the output image in pixels. This will produce a square image.
If given as a percentage, the output image is just a scaled version of the input image, scaled by the respective amount. |
| g | g=gloss |
0 | The strength of the glare (between 0 and 100). |
| gif | gif |
N/A | Output the image in GIF format. |
| h |
h=height
|
100% or preserve aspect |
The desired height of the output image in pixels.
If given as a percentage, is treated as the percentage of the height of the input image. |
| i |
i=reflection
|
0 |
The percent of the height of the output image that is visible in the reflection.
This effect may alter the output dimensions specified by the user. |
| jpg | jpg=quality |
85 | Output the image in JPEG format, with specified image quality (between 0 and 100). |
| p | p=perspect |
0 |
The amount of perspective transform applied to the output image.
The physical meaning of this value is not well defined, play around with it until a suitable value is found. This effect may alter the output dimensions specified by the user. |
| png | png |
N/A | Output the image in PNG format. |
| r | r=radius |
0 |
The corner radius of the output image in pixels. Used to create the rounded corner effect.
If given as a percentage, is treated as the percentage of the width or height – whichever smaller – of the output image. |
| sh | sh=shadow |
0 |
The distance in pixels between the image and a grey shadow dropped behind it.
If given as a percentage, is treated as the percentage of the width or height – whichever smaller – of the output image. This effect may alter the output dimensions specified by the user. |
| w |
w=width
|
100% or preserve aspect |
The desired width of the output image in pixels.
If given as a percentage, is treated as the percentage of the width of the input image. |
| x |
x=crop
|
0 |
The amount to crop off all sides of the input image.
If given as a percentage, is treated as the percentage of the width or height – whichever smaller – of the input image. |
| xb |
xb=crop-bottom
|
0 |
The amount to crop off the bottom side of the input image.
If given as a percentage, is treated as the percentage of the height of the input image. |
| xl |
xl=crop-left
|
0 |
The amount to crop off the left side of the input image.
If given as a percentage, is treated as the percentage of the width of the input image. |
| xr |
xr=crop-right
|
0 |
The amount to crop off the right side of the input image.
If given as a percentage, is treated as the percentage of the width of the input image. |
| xt |
xt=crop-top
|
0 |
The amount to crop off the top side of the input image.
If given as a percentage, is treated as the percentage of the height of the input image. |