带阴影的三角形

css实现带阴影的三角形

		.content_wen_4{
			position: absolute;
			bottom: -240upx;
			right: 10upx;
			height: 240upx;
			width: 200upx;
			background-color: white;
			z-index: 999;
			box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2);
			padding: 0 20upx;
			border-radius: 4upx;
			view{
				height: 80upx;
				border-bottom: 2upx solid #EEEEEE;
				font-size: 28upx;
				text-align: center;
				line-height: 80upx;
			}
			view:last-child{
				border-bottom: none;
			}
		}
		.content_wen_4:after {
		    content: '';
		    position: absolute;
		    width: 0;
		    height: 0;
		    top: -6px;
		    right: 14px;
		    border-style: solid;
		    border-width: 6px;
		    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);
		}

如图