StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POImage shadow css3
primarykey
Id
17260222
data
AcceptedAnswerId
17260335
AnswerCount
2
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2013-06-23T11:18:26.040
FavoriteCount
0
LastActivityDate
2013-06-23T14:34:30.933
LastEditDate
2013-06-23T13:33:21.567
LastEditorUserId
1736115
OwnerUserId
1736115
ParentId
0
PostTypeId
1
Score
0
ViewCount
3019
LastEditorDisplayName
text
Body
<img src="https://i.stack.imgur.com/tEDtd.png" alt="enter image description here"> This is the top of the sketch of my website, I've done this in a HTML editor. The circle we can see in the image is my logo, it's an image with alpha color background. Shadows, borders, etc are working perfectly even in IE. Now I'm trying to do something similar with HTML5 and CSS3 but I'm having lots of problems with image shadows and borders. box-shadow doesn't work because it's a square image (remember it's a image with alpha color background) The last thing I've found for image shadow is filter: drop-shadow. In theory it should work on all browsers but it's only working with chrome. On the other hand, i can't get a border like the one on the picture. As you know, my logo is a image with alpha color background and it always makes a square border. Can anybody give me some help. I would appreciate it. Thanxs <hr> After using the solution Lloan Alas gave me it's working perfectly but not on mobile phone I use dolphin browser and this is what i get: <img src="https://i.stack.imgur.com/ssEGT.jpg" alt="mobil phone"> This is my code: css: #logo { margin-top: -100px; height: 188px; width: 300px; background-image: url("../imagenes/logo.png"); border: 5px solid white; border-radius: 50% ; box-shadow: 0 10px 15px #000; -moz-box-shadow: 0 10px 15px #000; -webkit-box-shadow: 0 10px 15px #000; -ms-box-shadow: 0 10px 15px #000; -o-box-shadow: 0 10px 15px #000; -khtml-box-shadow: 0 10px 15px #000; } html: <div id="logo"></div>
Tags
<html5><css3>
Title
Image shadow css3
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USQuinDa
UserOwnerUserId
1. USQuinDa
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POImage shadow css3
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POImage shadow css3
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTDownMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.