StellaBob
asked on
Fade image edges with CSS
Is there anyway to fade or feather the edges of an image using CSS? All I find is drop shadow options or using an image overlay which I don't really want to do. I found 'inset', but it doesn't work in Chrome (or at least the version I'm using.) I want it to automatically apply as my client will be updating their site, so they won't have the ability to 'create' images that fade out on the edges.
I've searched, but everything I find is REALLY old, so I'm hoping there's some new option out there. Please let me know. Thanks.
I've searched, but everything I find is REALLY old, so I'm hoping there's some new option out there. Please let me know. Thanks.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
A version of what I'm suggesting could be done via PHP server side. See the very last comment on this page:
http://www.php.net/manual/en/function.imagealphablending.php
I think it has potential.
http://www.php.net/manual/en/function.imagealphablending.php
I think it has potential.
actually, just applying the concept of watermarking could work quite nicely. I'm sure there's lots of resources you can find on how to do that in PHP. The 'watermark' in your case is just the overlay that has the fuzzy edges.
The alpha blend still needs GD, but it looks promising, and a fuzzy edge watermark could probably be applied by blending.
I think trying to use an overlay instead of blending could be a problem down the road, because it assumes that the images are all the same size. Using GD would would allow for the image size to be variable.
Cd&
I think trying to use an overlay instead of blending could be a problem down the road, because it assumes that the images are all the same size. Using GD would would allow for the image size to be variable.
Cd&
ASKER
I'm surprised with all the advances in CSS that they haven't figured this out, but I appreciate your recommendations. Thanks.
logically it should be done in a graphics program, but if the if the client cannot manage the graphics, then you either need to teach them or show them an alternative that does not require skills they don't have.
Cd&