使用css实现带阴影的三角形

气泡三角箭头

/*此处css为向上带阴影的三角，用于气泡箭头*/
.popup:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    right: 42px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #fff #fff;
    transform: rotate(135deg);
    -webkit-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
}