Transparancy on image not working together well with box-shadow
up vote
0
down vote
favorite
So I've been trying to add a shadow to my images and I've been encountering some issue.
The images used are PNG of cut out products but they have a round border so there's still some transparent corners as seen here:
This is my image in Photoshop:
Now if I add them on my site and put a box-shadow on top of them this is the result:
There's this white-grayish corners that look pretty bad. Is there any workaround for this?
Thanks in advance.
css web photoshop shadow
add a comment |
up vote
0
down vote
favorite
So I've been trying to add a shadow to my images and I've been encountering some issue.
The images used are PNG of cut out products but they have a round border so there's still some transparent corners as seen here:
This is my image in Photoshop:
Now if I add them on my site and put a box-shadow on top of them this is the result:
There's this white-grayish corners that look pretty bad. Is there any workaround for this?
Thanks in advance.
css web photoshop shadow
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
So I've been trying to add a shadow to my images and I've been encountering some issue.
The images used are PNG of cut out products but they have a round border so there's still some transparent corners as seen here:
This is my image in Photoshop:
Now if I add them on my site and put a box-shadow on top of them this is the result:
There's this white-grayish corners that look pretty bad. Is there any workaround for this?
Thanks in advance.
css web photoshop shadow
So I've been trying to add a shadow to my images and I've been encountering some issue.
The images used are PNG of cut out products but they have a round border so there's still some transparent corners as seen here:
This is my image in Photoshop:
Now if I add them on my site and put a box-shadow on top of them this is the result:
There's this white-grayish corners that look pretty bad. Is there any workaround for this?
Thanks in advance.
css web photoshop shadow
css web photoshop shadow
edited 2 days ago
kit
346113
346113
asked 2 days ago
Lorenz Klein
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
The problem is the image itself, not the shadows, that white-grayish corners are part of the image and you can't do nothing with css to fix it, what you need to do is import your image again from photoshop without that corners.
New contributor
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
The problem is the image itself, not the shadows, that white-grayish corners are part of the image and you can't do nothing with css to fix it, what you need to do is import your image again from photoshop without that corners.
New contributor
add a comment |
up vote
1
down vote
The problem is the image itself, not the shadows, that white-grayish corners are part of the image and you can't do nothing with css to fix it, what you need to do is import your image again from photoshop without that corners.
New contributor
add a comment |
up vote
1
down vote
up vote
1
down vote
The problem is the image itself, not the shadows, that white-grayish corners are part of the image and you can't do nothing with css to fix it, what you need to do is import your image again from photoshop without that corners.
New contributor
The problem is the image itself, not the shadows, that white-grayish corners are part of the image and you can't do nothing with css to fix it, what you need to do is import your image again from photoshop without that corners.
New contributor
New contributor
answered 2 days ago
MartinBA
3559
3559
New contributor
New contributor
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53239307%2ftransparancy-on-image-not-working-together-well-with-box-shadow%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password