: Opacity and fill in css I am working on an image on the adobe photoshop. The opacity and fill value of it on the photoshop are 100%(opacity) and 57%(fill). I am wondering how can we convert

@Nimeshi706

The only option you have is 57% opacity in CSS -- { opacity: 0.57; }.

There's no equivalent CSS property for fill opacity.

Unless you have Layer Styles applied to the layer in Photoshop, opacity and fill opacity will result in the same thing.

The only time they are different is with Layer Styles. Opacity will change everything on the layer including applied styles. Where as fill opacity will only change the layer pixel contents and not alter the applied Layer styles.

Per Joonas' comment: You could try specifying color in CSS via RGBA values { color: rgba(255,255,255,.5); } for 50% white text on an otherwise opaque element. That would allow an opacity setting on just the color, not the entire element.

Vote Up Vote Down