Add Opacity to an Image/Element

Last modified:


As with most best things in life, there's both bad and good news regarding the opacity effect in the current version of Graphite editor:

  • Bad News: at this moment, we do not have a built-in opacity effect feature in Graphite :\
  • Good News: there is a fairly easy work-around to achieve opacity for your images and some other elements as well, and we'll let you in on this secret.
  • Even Better News: we'll be adding a proper opacity feature real soon. Keep track of our updates!

The easiest work-around to apply the opacity effect to an image on your web-page is via the animation settings:

  1. First, select the element (preferably a static image) that you would like to make opaque (we hope that's a word);
  2. Then, on the element toolbar, click the yellow 'animation' icon to bring up the animation settings;
  3. Select the opacity effect, as shown on the screenshot below;
  4. Finally, make sure that you type in identical start and end values for the animation.

opacity screenshot


This method should allow you to mimic the opacity effect on a static image. If you have any extra questions, comments or suggestions – please check out our community forums or contact us directly. We're always there for you!


This article was helpful for 1 person. Is this article helpful for you?