CSS Arrow Clipping

.tweet {
		// Container
		background: url('img/stripes-light.png') repeat center center;
		border-radius: 3px;
		margin-bottom: 50px;
		position: relative;
		// Arrow
		&:after {
			background: url('img/stripes-light.png') repeat center center;
			border: solid transparent;
			border-color: rgba(40, 213, 46, 0);
			border-width: 30px;
			bottom: 100%;
			clip-path: polygon(50% 50%, 0% 100%, 100% 100%); // Clip
			-webkit-clip-path: polygon(50% 50%, 0% 100%, 100% 100%); // Clip
			content: " ";
			height: 0;
			left: 50%;
			margin-left: -30px;
			position: absolute;
			width: 0;
		}
	}
}