Question

I’ve just created Photoshop mockup and all the shadow & highlight layers are set to “overlay” instead of “normal”.

After I save them as .png and display on my site they look horrible, as Photoshop uses filters and png/css don’t.

Is there any way of fixing it?

I can’t save the highlight as .jpg / .png file with background, it needs to be saved as semi-transparent .png and placed over background image using multiple backgrounds technique.

Any hints / ideas? Tried playing with opacity / highlight color, but still far from perfection. Maybe there’s some CSS way?

Answer 1

There is a solution, but in javascript. No way how to do that in css.

http://web.archive.org/web/20140830094242/https://www.pixastic.com/lib/docs/actions/blend/