Change image opacity
Change the image's opacity level by setting the opacity parameter (o in URLs) to a value between 0 to 100 which represents the visibility percentage. Control the opacity level of either the main image or overlaid images.
Original
50% opacity
Flashlight effect
Ruby:
cl_image_tag("sheep.jpg", :opacity=>50)
PHP:
cl_image_tag("sheep.jpg", array("opacity"=>50))
Python:
CloudinaryImage("sheep.jpg").image(opacity=50)
Node.js:
cloudinary.image("sheep.jpg", {opacity: 50})
Java:
cloudinary.url().transformation(new Transformation().opacity(50)).imageTag("sheep.jpg")
JS:
cl.imageTag('sheep.jpg', {opacity: 50}).toHtml();
jQuery:
$.cloudinary.image("sheep.jpg", {opacity: 50})
React:
<Image publicId="sheep.jpg" > <Transformation opacity="50" /> </Image>
Angular:
<cl-image public-id="sheep.jpg" > <cl-transformation opacity="50"> </cl-transformation> </cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Opacity(50)).BuildImageTag("sheep.jpg")
Android:
MediaManager.get().url().transformation(new Transformation().opacity(50)).generate("sheep.jpg")