带阴影效果的尖角气泡框效果，利用css3的transform的skewY(指定对象Y轴的(垂直方向)扭曲 )属性，实现下面的尖角气泡框效果，然后利用了一点点js让上面的文字框部分可以跟随文字得多少自适应高度。该效果ie9以下浏览器无效。
CSS3制作的带阴影效果的尖角气泡框效果丨
.wrap {
position: relative;
width:320px;
}
.bd {
background: #BDCEEF;
width: 301px;
height: 101px; margin: 10px;
position: relative;
z-index: 2;
box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.cor, .cor_s {
position: absolute;
z-index: 2;
width: 40px;
height: 40px;
background: #BDCEEF;
left: 30px;
bottom: -20px;
transform: skewY(-45deg);
-o-transform: skewY(-45deg);
-webkit-transform: skewY(-45deg);
-moz-transform: skewY(-45deg);
}
.cor_s {
z-index: 1;
box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
}
.iword{
position:absolute;
top:0px; padding:10px;
left:15px; width:280px; z-index:100;
}
window.οnlοad=function(){
var ih=document.getElementById("iph");
var ibdh=document.getElementById("ibdh");
ibdh.style.height=ih.offsetHeight+"px";
}
CSS3制作的带阴影效果的尖角气泡框效果，利用css3的transform的skewY(指定对象Y轴的(垂直方向)扭曲 )属性，实现下面的尖角气泡框效果，然后利用了一点点js让上面的文字框部分可以跟随文字得多少自适应高度。该效果ie9一下浏览器无效。
