I have a little problem with CSS 3, namely I would create such an object with a single item.Here's an image of what I want to achieve:
Here's what have I:CSS:\[code\]body{background:grey; padding:10px;}#talkbubble {margin:0 auto;box-shadow: 3px 10px 7px #deefe5; width: 590px; height: 160px; background: white; position: relative; border-radius:10px; border-bottom-left-radius:0px;}#talkbubble:before {box-shadow: 10px 10px 5px #deefe5; content:""; position: absolute; background:white; top: 100%; width: 228px; height: 62px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}#talkbubble:after{ content:""; position: absolute; top:100%; left:228px; border-top: 10px solid white; border-right: 10px solid transparent; background:white;}?\[/code\]HTML:\[code\]<div id="talkbubble"></div>?\[/code\]And a jsFiddle demoHow do I round off the angle between the two parts?